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

Question

我有一个使用 AngularJS (Angular 1) 的 SPA，它有一堆看起来像这样的表元素，但第一行是我的问题:

<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-style”，但它的语义非常不同。目前尚不清楚我如何将这样的内容翻译成那样。

Answer 1

这是它:

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