angularjsのオレオレ理解
- いいとこ
- jQueryでDOM操作をゴリゴリかかなくてよい
- Javascriptのスコープ万歳!!
- Javascriptのフレームワーク万歳!!
機能
ディレクティブ(directive)
双方向データバインディング(model)
- Javascript <> DOM 間で情報を同期してくれる仕組み。
- Javascriptで変数値を変更すると、対応するDOMの値が自動的に変わる
- DOM操作を行うと、対応するJavascript変数の値が自動的に変わる
サービス(service)
- ビジネスロジックを書くところ
- Singletonなオブジェクト
- controllerにDIして利用する
- Dao的に利用(REST APIとか)
- ユーティリティもコレで実装でおk?
- Config/Constもコレで実装でおk?
フィルター(filter)
- 表示用に適用するフィルター
- 配列のソート、絞り込みなど可能
- 値の表示編集も可能
コントローラー(controller)
- ビジネスロジック書くところ
- でも実ロジックはserviceに切り出したほうがよさそう
スコープ($scope)
- Javascript <> DOM間で共有できるスコープ
- controller内スコープで動作するため、controller間での共有には一工夫が必要
(serviceを共有するとか)- controllerはネストできるので、子から親の参照は可能
- 同一controllerを複数生成しても、$scopeは別々のインスタンスとして管理される
新品価格 |