css - 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奇怪的渲染问题

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

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

提前谢谢。

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

Answer 1

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

ng风格：

<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" >