在IE8中，AngularJS表达式无法在style属性内工作。

Question

在 Chrome 上使用这样的表达式可以作用于 style 属性，但在 IE8 上无法生效。

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

http://jsfiddle.net/5VDMD/12/ （请在文本框中输入数字以测试）

有没有解决这个问题的方法？

- Christian Quirós

---

你可能想尝试使用'ng-style'代替。 - Tosh

解决方案是 ng-style="{width: propertyInScope + '%'}"，感谢 David https://groups.google.com/forum/?fromgroups=#!topic/angular/Bb6087Gv284 - Christian Quirós

这是带有解决方案的jsfiddle，可以在IE8上正常工作http://jsfiddle.net/5VDMD/15/ - Christian Quirós

顺便说一下，即使在IE11中也不起作用。 - Spadar Shut

Answer 1

尝试

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

- Aleksandr Sabov

---

谢谢！这是最好的答案。 - Tom

我需要在 Angular 1.5 中的 CSS 属性周围加上单引号，像这样：ng-style="{ 'width' : progress + '%' }"。 - NathanQ

Answer 2

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

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

这里有一个关于这个问题的Github讨论。

- Jason

Answer 3

我是这样实现的：

在控制器中：

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

在HTML中：

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

- user2106730

Answer 4

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

。

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

尽管我的指令在ng-repeat下面。

- Brandon.Staley

Answer 5

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

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

- Alamgir

---

我认为当你解释一下你的意图时，这对于楼主和其他用户会更有帮助。 - Reporter