AngularJS 表达式在 IE8 上的样式属性中不起作用答案

【问题标题】：AngularJS expression not working within style attribute on IE8AngularJS 表达式在 IE8 上的样式属性中不起作用
【发布时间】：2012-11-22 21:51:12
【问题描述】：

在样式属性上使用这样的表达式在 Chrome 上有效，但在 IE8 上无效

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

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

有解决这个问题的办法吗？

【问题讨论】：

您可能想尝试使用“ng-style”。
解决方案是 ng-style="{width: propertyInScope + '%'}" 感谢 David groups.google.com/forum/?fromgroups=#!topic/angular/Bb6087Gv284
这是 jsfiddle，解决方案在 IE8 上运行良好 jsfiddle.net/5VDMD/15
这在 IE11 中也不起作用。

【解决方案1】：

试试

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

【讨论】：

【解决方案2】：

我必须使用ng-attr-style（虽然我不需要使用函数）。

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

这里是关于这个问题的github discussion。

【讨论】：

【解决方案3】：

我是这样做的：

在控制器中：

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

在 HTML 中：

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

【讨论】：

【解决方案4】：

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

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

虽然我的在 ng-repeat 下的指令中。

【讨论】：

【解决方案5】：

如果有人使用 px 而不是 %，你必须使用这个

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

【讨论】：