色の配列をループして、(角度を介して) 16 進数値をスタイル属性に出力する状況が発生しました。
<p class="colors">
<span ng-repeat="color in product.colors" class="product-color" title="{{ color.title }}" style="background-color: #{{ color.hex }};"></span>
</p>
なぜか、IE8 や IE9 では背景色が認識されません。スタイル属性のない要素しか取得できませんが、他のすべての属性はそこにあります。変数の値をトリプルチェックしましたが、それらはすべてそこにあり、Chrome/FF/Opera/Safari で動作します。
IE8/9 での出力
<span title="White" class="product-color ng-scope" ng-repeat="color in product.colors">
Chrome での出力
<span ng-repeat="color in product.colors" class="product-color ng-scope" style="background-color: #FFFFFF;" title="Vit"></span>
style属性をIEに認識させるにはどうすればいいですか？