AngularJS風格表達不在Internet Explorer的工作

Question

我有使用AngularJS（角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風格」，但是它的語義是非常不同的。目前還不清楚我將如何翻譯這樣的東西。

Answer 1

這裏是：

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