ng绑定跨度，计算功能未出现在IE中

Question

我正在使用angularjs来构建评级模板。它适用于除IE浏览器之外的所有浏览器。

<span class="rating">
    <span class="ratingfill" style="padding-left: {{r.Rating / 5 * 100}}%"></span>
    <img src="/images/rating_content.png" alt="">
</span>

问题是IE不会计算填充。实际上它出现在IE控制台检查器中

<span class="ratingfill"/>

就是这样。任何建议将不胜感激......

Answer 1

似乎IE不喜欢这种方式改变样式属性。

试试这个：

<span class="ratingfill" ng-style="{'padding-left': (r.Rating / 5 * 100) + '%' }"></span>

here is a fiddle