AngularJS表达式在IE8上的style属性中不起作用

Question

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

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

http://jsfiddle.net/5VDMD/12/ (测试请在文本框中输入一个数字)

针对此问题的任何解决方法？

Answer 1

尝试

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

Answer 2

我不得不使用ng-attr-style(虽然我不需要使用函数).

<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>