Я построил таблицу с ng-repeat, показывающую спецификации типа для проекта со столбцом "образцы":
Как вы можете видеть, отлично работает на Mac Safari и Chrome. Однако в IE 11/Win 8:
Строки таблицы таковы:
<tbody>
<tr ng-repeat="item in type.header">
<td class="{{item.extraclass}}">{{item.tag}} – {{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 по какой-то причине не любит тег inline style.
Проверка кода в сафари выглядит так, как ожидалось. Вы можете увидеть тег стиля с фоновым цветом и цветом:
Но, проверяя в IE11, все это испортилось. Там только один цвет, белый и rgb:
Итак, почему это работает на Mac, но не в IE? Я предполагаю что-то о моем синтаксисе, но я пробовал несколько вещей и никаких результатов пока.
Вам нужно использовать ng-style
:
<span ng-style="{'background-color':item.color, 'color': '#fff'}">
используйте ng-class
вместо class
<td ng-class="item.extraclass">{{item.tag}} – {{item.font}}</td>