Угловая ошибка переменная IE10 в атрибут стиля

Question

Если я что-то вроде этого:

<div style="margin-left: 50px;">TEST1</div> 
<div style="margin-left: {{50}}px;">TEST2</div> 

http://jsfiddle.net/XeVHL/1/

Маржа-слева от значения test2 не будет применяться, и это только в IE, любое предложение, для работы вокруг этого?

Answer 1

В качестве временного решения можно использовать ng-style:

<div ng-style="{ 'margin-left': 50 + 'px'}">TEST2 {{50}}</div> 

скрипку: http://jsfiddle.net/YXe8Z/

Answer 2

О бага, это странно, что только IE ведет себя таким образом.
Во всяком случае, вы могли бы ng-style директивы для этой цели - потому что, если вы собираетесь ждать, пока угловому разобрать, что интерполяция и правильно применить стиль, то лучше делать это с соответствующими директивами :)

<div ng-style="{ 'margin-left': 50 + 'px' }">TEST2</div> 

http://jsfiddle.net/q4UKD/

Answer 3

нг-стиль против стиля
Просто быстрый наконечник - использовать «» для определения свойства в нг-стиле. Например, вместо «margin-left» используйте «margin-left», поскольку он отлично работает, если только одно свойство слова, например, ширина. ширина, верхняя, левая ... не обязательно должны быть «width», «top», «left», но для хорошей практики используйте «width».