AngularJS风格问题IE

Question

我试图找出如何在IE上实现这项工作：

<div ng-if="result.is_mesurable==true" style="left:{{ (result.user_score * 20)-10}}%" class="test-box">

代码基本上生成一个动态表，对象的左侧位置取自user_score值。

我知道IE没有正确阅读此声明，我过去也遇到过类似的错误：

AngularJS weird render issue

“因为{{xxx.xxx}}是无效的css，它被IE统治，当角度编译器扫描所有属性时，style属性为空。”

我知道必须有一个类似的解决方案，但到目前为止我一直无法弄明白。

提前谢谢。

另外，请注意，IE上的结果是空样式attr。

Answer 1

问题是相同的，可以用ng-style或ng-attr-style解决：

ng-style：

<div ng-style="{left: ((result.user_score * 20) - 10) + '%'}" class="test-box" ng-if="result.is_mesurable==true">

NG-ATTR - *

<div ng-attr-style="left:{{ (result.user_score * 20)-10}}%" class="test-box" ng-if="result.is_mesurable==true" >