angular.js ng-repeatの組み込み変数 | Webエンジニアブログ
ng-repeatのビルトイン変数を利用してtableの背景色を一行おきに設定 AngularJSのng-repeatディレクティブで利用できる変数 ng-repeatの組み込み(ビルトイン)変数は利用頻度が高いプロパティ。 AngularJSの公式サイトでは以下のURL(英語)で使い方を確認できる。 https://docs.angularjs.org/api/ng/directive/ngRepeat 本記事では、 $index $middle $even $odd を利用してtableタブ内における繰り返し処理で、ng-repeatの組み込み変数を使ったサンプルを紹介する。 サンプルコード headタグ内では、foundation(cssフレームワーク)とangularjs本体を読み込み、サンプルとなるModelデータを定義している。 <html ng-app="webEnginee
ng-classで条件に応じてclass属性を設定 | Webエンジニアブログ
bool値や条件式の結果に応じてclass属性を追加するAngularJSのng-class true/falseに応じてclassを設定 AngularJSのng-classでは、HTMLのclass属性を動的に設定することができる。 ng-classのベーシックな例が以下のコードになる。 <div ng-class="{second: true}" class="first">sample</div> ng-classを利用してsecondというclass属性を追加するコードになるが、条件をtrueではなくfalseにするとclass属性は追加されなくなる。 上の例はbool値を直接記述しているが、変数や条件式をダイレクトに書くこともできる。 以下の例は各行のdoneの値に応じてredというclass属性を設定する例になる。 <tr ng-repeat="e in todo.tasks
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
