html - Angular JS，html 属性中的输出值，在 IE8/9 中失败

Question

我遇到了一种情况，我循环遍历一组颜色并将十六进制值（通过角度）输出到样式属性中

<p class="colors">
    <span ng-repeat="color in product.colors" class="product-color" title="{{ color.title }}" style="background-color: #{{ color.hex }};"></span>
</p>

由于某种原因，IE8 和 IE9 无法识别背景颜色。我得到的只是一个没有样式属性的元素，但所有其他属性都在那里。我已经三次检查了变量的值，它们都在那里，它在 Chrome/FF/Opera/Safari 中工作。

在 IE8/9 中输出

<span title="White" class="product-color ng-scope" ng-repeat="color in product.colors">

在 Chrome 中输出

<span ng-repeat="color in product.colors" class="product-color ng-scope" style="background-color: #FFFFFF;" title="Vit"></span>

我该怎么做才能让 IE 识别 style 属性？

Answer 1

使用ng-style而不是style- IE 在 Angular 解析/编译 HTML 之前删除该属性。

http://docs.angularjs.org/api/ng.directive:ngStyle