Angularのng-classディレクティブを用いた、条件に応じてリアルタイムに要素のstyleを変更していく方法について質問させてください。
以下のような方法で現在フォーカスが当たっている要素の背景を変更しようとしています。一部、わかりやすいように省略していますが、$index == editing.list_index
が true のときに背景を変更し フォーカスが外れた false のときは背景を戻す仕様を考えています。
現在のコードは以下のような感じなのですが、こちらですと、フォーカスが当たったときに背景が変更されるもののフォーカスが別の要素に移った時に背景がデフォルトに戻らず困ったいます。何か良い方法はありませんか。よろしくお願いいたします。
html
1<li ng-repeat="list in topic.lists" ng-class="{'active-list' : $index == editing.list_index, 'list' : $index != editing.list_index}">
css
1.list { 2 background: white; 3} 4.active-list { 5 background: #f1f1f1; 6}
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2015/11/10 05:30