angularjsのオレオレ理解

機能

ディレクティブ(directive)

双方向データバインディング(model)

  • Javascript <> DOM 間で情報を同期してくれる仕組み。
    • Javascriptで変数値を変更すると、対応するDOMの値が自動的に変わる
    • DOM操作を行うと、対応するJavascript変数の値が自動的に変わる

サービス(service)

  • ビジネスロジックを書くところ
  • Singletonなオブジェクト
  • controllerにDIして利用する
  • Dao的に利用(REST APIとか)
  • ユーティリティもコレで実装でおk?
  • Config/Constもコレで実装でおk?

フィルター(filter)

  • 表示用に適用するフィルター
  • 配列のソート、絞り込みなど可能
  • 値の表示編集も可能

コントローラー(controller)

スコープ($scope)

  • Javascript <> DOM間で共有できるスコープ
  • controller内スコープで動作するため、controller間での共有には一工夫が必要
    (serviceを共有するとか)
    • controllerはネストできるので、子から親の参照は可能
  • 同一controllerを複数生成しても、$scopeは別々のインスタンスとして管理される

AngularJSリファレンス

新品価格
¥4,104から
(2015/3/2 14:38時点)