angularjs - 将背景应用于重复元素在 IE 上不起作用

Question

比几句话好，这是在 IE 上不起作用的代码。

<div ng-repeat="favcolor in favcolors" class="favorite" alt="{{favcolor.name}}" title="{{favcolor.name}}" style="background:#{{favcolor.hexa}}">{{favcolor.hexa}}</div>

的CSS：

.favorite{
    width: 50px;
    height: 20px;
    display: inline-block;
    border: 1px solid black;
}

在其他浏览器上一切正常，但在 IE 上，我的框没有任何背景颜色。当我用一些六进制替换 {{favcolor.hexa}} 时，它工作正常......

谢谢。

Answer 1

尝试使用 ng 风格。

<div ng-style="{ 'background' : '#' + favcolor.hexa }" ... >