IE浏览器的角度JS中的绑定样式值

Question

我正在处理从API应用滑块值的进度条，为此我使用sytles控制滑块下面给出了部分代码，一切都在chrome和firefox中正常工作。但是当我试图在IE中运行时，进度条值不会显示

<span class="progress-bar triggers" role="progressbar" aria-valuenow="90" aria-valuemin="0" aria-valuemax="100" style="width: {{Math.round(KPIData.triggers * 100)}}%;"> </span>

Answer 1

使用ngStyle，请参阅API reference。

ngStyle接受键（属性名称）和值的字典（它们应该采用的值，空字符串取消它们），而不仅仅是字符串。我想你想要的是：

<span class="progress-bar triggers" role="progressbar" aria-valuenow="90" aria-valuemin="0" aria-valuemax="100" ng-style="{ 'width' : width}"></span>

然后在你的控制器中：

$scope.width = Math.round(KPIData.triggers * 100)+'%';

这保留了模板和控制器的分离：控制器保存语义值，而模板将它们映射到正确的属性名称。