将背景应用于重复元素不适用于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上，我的盒子没有任何背景颜色。当我用一些hexa替换{{favcolor.hexa}}时，它可以正常工作......

THX。

Answer 1

尝试使用ng-style。

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