AngularJSexpression式在IE8的style属性中不起作用

在style属性上使用这样的expression式可以在Chrome上运行，但在IE8上不起作用

style="width:{{progress}}%" 

http://jsfiddle.net/5VDMD/12/ （要testing它，请在文本框中键入一个数字）

任何解决这个问题的解决方法？

Answer 1

尝试

 ng-style="{ width: progress + '%' }" 

Answer 2

我不得不使用ng-attr-style （尽pipe我不需要使用函数）。

 <div ng-attr-style="width: {{value}}%"></div> 

这里是关于这个问题的github讨论 。

Answer 3

我是这样工作的：

在控制器中：

 $scope.getStyle = function(progress){ return { width: progress + "%" } } 

在HTML中：

 <div class="progbar" ng-style="getStyle(progress)"></div> 

Answer 4

出于某种原因，在IE中我不得不使用

 ng-attr-style="{{METHOD_TO_RETURN_SOME_STYLE()}}" 

虽然我在一个ng重复下的指示。

Answer 5

如果有人使用px代替％，你必须使用这个

 ng-style="{ width: progress + \'px\' }"