Angular JS：具有綁定值的內聯樣式可在Mac而非Windows上使用

Question

我用ng-repeat構建了一個表，該表顯示了帶有“樣本”列的項目的類型規格：

如您所見，在Mac Safari和Chrome上運行良好。 但是，在IE 11 / Win 8上：

該表的行如下：

<tbody>
      <tr ng-repeat="item in type.header">
        <td class="{{item.extraclass}}">{{item.tag}} &ndash; {{item.font}}</td>
        <td>{{item.use}}</td>
        <td>
          {{item.tag}}{{item.class}}
          <span class="swatch" style="background-color:{{item.color}};color: #fff">{{item.color}}</span>,
          {{item.tag}}{{item.altclass}}
          <span class="swatch" style="background-color:{{item.altcolor}};color: #fff">{{item.altcolor}}</span>,
          {{item.tag}}.ko
          <span class="swatch" style="background-color:#fff; color:#2e2e2e">#FFFFFF</span>
        </td>
      </tr>
    </tbody>

出於某些原因，IE似乎不喜歡內聯樣式標簽。

在Safari中檢查代碼看起來像預期的那樣。 您可以看到帶有背景顏色和顏色的樣式標簽：

但是在IE11中進行檢查，一切都搞砸了。 只有一種顏色，白色和rgb：

那么，為什么這在Mac上卻不能在IE上運行呢？ 我假設我的語法有一些問題，但是到目前為止，我已經嘗試了一些事情，但沒有任何結果。

Answer 1

您需要使用ng-style ：

<span ng-style="{'background-color':item.color, 'color': '#fff'}">

Answer 2

使用ng-class代替class

<td ng-class="item.extraclass">{{item.tag}} &ndash; {{item.font}}</td>