为什么在IE 11中angularjs插值失败?

pth*_*ker 5 angularjs internet-explorer-11

我有一个简单的指令,从工具对象数组创建一个工具栏

<div ng-repeat="tool in tb.tools">
    <button id="{{tool.name}}" class="btn" 
            aa-tool-button="tb.state.selectedTool"
            ng-click="tb.toggleSelected(tool)"
            style="background-color:{{tool.color}}">
        {{tool.caption}}
    </button>
</div>
Run Code Online (Sandbox Code Playgroud)

在Chrome,Firefox,Safari和Edge中,这很好用.但是IE 11中没有插入按钮颜色.由于某种原因插值失败.这是IE元素检查器中显示的内容:

IE 11插值错误

导致空样式标记和默认灰色按钮.

任何人都可以建议一个合理的解决方法吗?

Pet*_*nov 5

这看起来很难看,更好用:

ng-style="{'background-color': tool.color}"
Run Code Online (Sandbox Code Playgroud)

工作良好