AngularJS - IEではエレメントのstyle属性に定義したバインド式({{..}})が動作しない??
ChromeとIE11でしか確認していません。
IEでは、スタイル属性のなかでは バインド式が動きませんでした。
ちなみに、data-*属性のなかでは動作し、値が展開されました。
下記コードのisLimitOver()が呼び出しされないのです。。
<li ng-repeat="item in items" data-task-id="{{item.id}}" data-task-limit="{{item.limit}}" data-task-finished="{{item.finished}}"> <p ng-click="showDetail($index)"> <input type="checkbox" style="margin-right:30px;" value="{{item.finished}}" /> <span style="{{ isLimitOver(item.limit) ? 'color:red' : 'color:black' }}">{{item.title}}</span> </p> </li>