AngularJS and Jade and Styles Exmples

文字列を表示する

{{message}}

2つの記法の使い分け

{{simple}}

フォームへの入力

イベントハンドリング

{{message}}

繰り返し処理

表紙・非表示を切り替える

Visible

CSSのクラスを指定する

src 属性と href 属性にデータバインディングをする


monoHub

モデルの変更をビューに反映する

{{message}}

$watch 関数で変更を監視する

hoge:


fuga:


合計: {{sum}}

モジュールを定義する

{{message}}

依存するインスタンス(サービス)をインジェクションする

{{message}}

フィルターで表示形式を指定する

{{array1 | filter:"g" | json}}
{{array2 | filter:"h" | json}}

expression にオブジェクトを渡す

expression に関数を渡す

{{[1,2,3,4,5] | filter:isEvenNumber}}

comparator で一致条件を定義する

{{["a", "A", "ab", "c"] | filter:"a":true}}

{{["a", "A", "ab", "c"] | filter:"a":false}}

{{["a", "A", "ab", "c"] | filter:"a":contains}}

フィルターを自作する

{{"hoge" | myFilter:"<":">"}}

ngRouteモジュールを追加する