[AngularJS]ngRepeat時にデータをstoreする方法

Question

items[{value:1},{value:4},{value:6},{value:2},{value:3}]
みたいなJSONを受け取ったとして、それをngRepeatで描画しながら、$scope.data[$index]に溜め込んでいきたいのですが、どう実装したらよいでしょうか？

Answer 1

単にJSONの内容を別のオブジェクト内にコピーしたいだけなら、JSONを受信した直後にforEachを回すのが一番簡単だと思いますが、何かそうできない事情がおありなのでしょう。

AngularJS らしい方法として、カスタムフィルターを使う方法はいかがでしょう。

app.filter("myfilter", function() {
  return function(value, index, $scope) {
    $scope.data = $scope.data || {};
    $scope.data[index] = value;
    return value;
  };
});

<p ng-repeat="item in items" ng-bind="item.value|myfilter:$index:this"></p>

こんな感じに書くことができます。
ご参考になれば。

Comments

[tkanda]

サンプルコードの間違いを訂正しました。
カスタムフィルター内からは $scope がスコープ外で見えないので、HTML側でパラメーターに this を加えてやる必要がありました。