在 Chrome 上使用这样的表达式可以作用于 style 属性,但在 IE8 上无法生效。
style="width:{{progress}}%"
http://jsfiddle.net/5VDMD/12/ (请在文本框中输入数字以测试)
有没有解决这个问题的方法?
在 Chrome 上使用这样的表达式可以作用于 style 属性,但在 IE8 上无法生效。
style="width:{{progress}}%"
http://jsfiddle.net/5VDMD/12/ (请在文本框中输入数字以测试)
有没有解决这个问题的方法?
尝试
ng-style="{ width: progress + '%' }"
ng-style="{ 'width' : progress + '%' }"
。 - NathanQ我不得不使用ng-attr-style
(尽管我不需要使用一个函数)。
<div ng-attr-style="width: {{value}}%"></div>
这里有一个关于这个问题的Github讨论。
我是这样实现的:
在控制器中:
$scope.getStyle = function(progress){
return {
width: progress + "%"
}
}
<div class="progbar" ng-style="getStyle(progress)"></div>
ng-attr-style="{{METHOD_TO_RETURN_SOME_STYLE()}}"
如果有人使用 px 而不是 %,你必须使用这个
ng-style="{ width: progress + \'px\' }"