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)"> </p></li>

なんとなくTodoアプリを作ってみました。 実際に動くものは ここ で確認できます。独自ディレクティブについて。 リファクタリングすれば多少はきれいになるとは思いますが、 凝ったことをやろうと思うと結構考えないと、すぐにぐちゃぐちゃになりそうですね…