angle js $ apply（）呼び出しで再帰エラーが多すぎます

Question

スコープで$applyをトリガーすると、再帰エラーが多すぎます。

コンソール出力：

Error: too much recursion 
isArray@file://.../lib/angular.js:355:10 
copy@file://.../lib/angular.js:551:9 
copy@file://.../lib/angular.js:546:23 
copy@file://.../lib/angular.js:563:28 
... 

Error: 10 $digest() iterations reached. Aborting! 
Watchers fired in the last 5 iterations: [] 
$RootScopeProvider/this.$get</Scope.prototype.$digest@file://.../lib/angular.js:7756:19 
$RootScopeProvider/this.$get</Scope.prototype.$apply@file://.../lib/angular.js:7926:13 

Answer 1

あまりにも多くの再帰エラー

angularjs上copy法による原因は、あなたのデータが互いに循環参照を持っている場合。例の

：$apply()がトリガされると

// you define your objects 
var lot = new Lot(); 
var car = new Car(); 

// you assign create a relation to it 
car.assign(lot); 
lot.assign(car); 

// lets assume that the data on the objects are like this 
car; // {'lot':lot} 
lot; // {'car':car} 

、あなたはそれを呼び出すか、角度はそれを呼び出すかどうか、それはどこかcopyメソッドを呼び出します。

copyは、すべての属性とコピーできるものをコピーしています。上記のデータに当てはまる場合、停止しないと永遠に再発するでしょう。

これによりブラウザでエラーが発生し、Too much recursionエラーが発生します。

ソリューション：

あなたの要素をレンダリングするために必要なデータのみを取得します。 は必要なデータだけを渡します。

自己への先端、上記

var reduced = {'plate':car.get_plate(),'lot':car.get_lot_location()}; 
my_scope.addCar(reduced); 

---

を私たちのサンプルコードを使用して：デバッグ時ライブラリのunminifiedバージョンを使用しています。 :)