angularjs - 为什么 Angularjs 插值在 IE 11 中失败？

Question

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

<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>

在 Chrome、Firefox、Safari 和 Edge 中，这可以正常工作。但是按钮颜色没有在 IE 11 中进行插值。由于某种原因，插值失败了。这是 IE 元素检查器中显示的内容:



导致一个空的样式标签和默认的灰色按钮。

任何人都可以为此提出合理的解决方法吗？

Answer 1

这看起来很丑，更好用:

ng-style="{'background-color': tool.color}"

工作正常