样式中的 AngularJS 表达式在 Internet Explorer 中不起作用

Question

我有一个使用AngularJS(Angular 1(的水疗中心，带有一堆桌子元素，但第一行是我的问题：

<td align="right" style="background-color:  {{computeBgColor(name, 60)}}">
    <div ng-if="totalCount(name, 60) > 0">
        <div ng-if="failureCount(name, 60) > 0">
            <a href="#" ng-click="openErrorCounts(name, '60')">
                <span data-toggle="tooltip" title="{{totalCount(name, 60)}} records; yellow: {{yellowThreshold(name, 60)}}%; red: {{redThreshold(name, 60)}}%">
                    {{successRate(name, 60) | percentage:2}} | {{avgTxTime(name, 60) | number:2}} ms
                </span>
            </a>
        </div>
        <div ng-if="failureCount(name, 60) == 0">
            <span data-toggle="tooltip" title="{{totalCount(name, 60)}} records; yellow: {{yellowThreshold(name, 60)}}%; red: {{redThreshold(name, 60)}}%">
                {{successRate(name, 60) | percentage:2}} | {{avgTxTime(name, 60) | number:2}} ms
            </span>
        </div>
    </div>
</td>

这在Firefox和Chrome中正常工作。在Internet Explorer 11中，该值被忽略。

解决此问题的一些合理策略是什么？我注意到有一个" ng式"，但其语义却大不相同。目前尚不清楚我将如何将类似的内容翻译成。

Answer 1

这就是：

 ng-style="{'background-color':computeBgColor(name, 60)}"