Angular binding to attribute evaluates value

Question

In directive code I have:

 scope:{
        'rendered':'=',
        'x':'='
      },
        restrict:'A',
        link:function (scope, element) {
            var x = scope.x
      ...

in HTML I have

 <div my-directive x='02/06'></div>

But in Link function var x = 0.333. How to prevent this evaluation? I need to get my '02/06'.

Thank you in advance

Or if x will always be a literal value change the scope property x to a @. — Davin Tryon
– Davin Tryon, Commented Jun 8, 2015 at 17:48
It is hard to do b/c I get HTML in :var html = "<div>Olala<div reportslisting-tooltip rendered='false' x='" + obj.x + "'></div></div>"; — Lagoda Denis
– Lagoda Denis, Commented Jun 8, 2015 at 17:50

Mouse Reeve · Accepted Answer · 2015-06-08 18:57:56Z

2

Try using @ instead of = for x:

 scope:{
    'rendered':'=',
    'x':'@'
  }
  ...

so that the x attribute will be treated as a string literal instead of being interpreted.

edited Jun 8, 2015 at 18:57

answered Jun 8, 2015 at 17:52

Mouse Reeve

2671 silver badge8 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Angular binding to attribute evaluates value

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related