css - 与 AngularJS 绑定(bind)时，内联宽度在 IE 中不起作用

Question

我创建了一个 jsfiddle来说明问题。

如果我有以下 HTML:

<div id="div1">
    <div id="div2">Test</div>
    <div id="div3" style="width:{{progress}}%;"></div>  
</div>

例如。 $scope.progress = 50;，在FF和Chrome中正确显示宽度，但在IE中，宽度始终为100%；

Answer 1

尝试使用ng-style:

<div id="div3" ng-style="{'width': progress + '%' }"></div>