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

Answer 1

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.