javascript - Angular JS:バインドされた値を持つインライン スタイルは、windows ではなく mac で動作します

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 はインライン スタイル タグを好まないようです。

サファリでコードを検査すると、期待どおりに見えます。background-color と color を含む style タグを確認できます。

しかし、IE11で調べてみると、すべてめちゃくちゃです。色は白と RGB の 1 つだけです。

では、なぜこれは Mac では機能するのに IE では機能しないのでしょうか? 私は自分の構文について何かを推測していますが、いくつかのことを試しましたが、これまでのところ結果はありません。

Answer 1

use ng-class instead of class

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