angularでのデータの管理方法について

Question

AngularJSでWebアプリケーションを作ろうとしています。

カスタムディレクティブ<item>内でitemの他の要素(下記の例ならtext)を使った処理とかを考えた時, Angularでのデータの持ち方ってどうしていますか？

実装方法がわかっていないのですが、下記のような方法があると考えています。

• IndexControllerみたいな最上位のディレクティブのコントローラで管理する。
• <item-container>から<item>へデータを受け渡す。

一応データはJSON形式のデータをREST APIで一度取得したら変数で記憶させておいて確認するというイメージでいます。

angular
.module('SampleApp')
.controller('IndexCtrl', function($scope) {
  $scope.itemList = [
    {name: 'A', text: 'it is a A.',
     name: 'B', text: 'it is a B.'
  ];
});

<item-container>
  <ul ng-repeat="(i, item) in itemList">
    <item>{{ item.name }}</item>
    <item>{{ item.name }}</item>
  </itemList>
</item-container>

データバインディングについては結構ドキュメントがあるみたいですが、
実際のデータの扱いについてあまりわかりやすい資料がなくて困っております。

日本語でも英語でも、何か参考になりそうな資料があれば是非教えてください。

Answer 1

誤って回答投稿してしまった為、削除

Answer 2

カスタムディレクティブでのデータの扱いはngModelで対象のコントローラーとデータのバインディングができるので、そのような実装方法が一般的ではないでしょうか。
http://qiita.com/ukyo/items/9fa711aa32eaf55e8833

当方はデータ(モデル)は複数のコントローラーで参照できる、下記のPub/Subような実装をよく使います。
http://qiita.com/sunny4381/items/aeae1e154346b5cf6009

「モデル＝htmlのng-modelの定義」だけでもバインディングなどの定義は可能なので、アプリの要件や仕様などによってデータの扱い方を決めるようになるかと思います。

Comments

[dulkappa]

ありがとうございます！
後者のページのShared Serviceがやりたかったのに近かったです。
(ReactでいうStoreに近い感覚がしました)

他の2つと比べてPub/Subというのがどういう仕組みなのかわからなかったのですが、
`$scope.$broadcast`を使うことで複数のContollerに対してイベントが届くようにしているのですかne?

[chiku_]

> 他の2つと比べてPub/Subというのがどういう仕組みなのかわからなかったのですが、
> $scope.$broadcastを使うことで複数のContollerに対してイベントが届くようにしているのですかne?
そうですね、$scope.$onで変更通知を受け取るみたいな形だと思います。