Angularjs不正確綁定到一個空數組

Question

我正在寫一個小角度的應用程序，以調查是否這將是值得使用在未來，到目前爲止，我真的很喜歡它是多麼容易在發展。

但是我碰到了一個障礙。我有兩個數據模型，一個工廠列表和一個工廠產品列表。

當新工廠被添加或從列表中刪除時，計算產品，大部分工作正常，直到您從列表中刪除最後一個工廠。我期望表中的產品是綁定的，像工廠列表一樣清空，因爲它的底層數組變成空的，而是最後一個項目保留。

我沒有小提琴展示這件事，但我已經將應用程序上傳到天藍色的網站here，代碼在git here上，關鍵文件是app/view/complex和app/scripts/Complex.js

任何幫助您能給將不勝感激

Answer 1

的問題似乎是在這裏：

angular.extend(this.complexProduct, itemsProduced); 

你不應該用一個陣列擴展的陣列。擴展是針對對象的。使用空數組擴展數組的結果將最終返回原始數組。

var x = [1, 2, 3]; 
angular.extend(x, []); 
console.log(x); //1, 2, 3 

試試這個：

$scope.complexProduct = itemsProduced; 

（我喜歡$範圍，這是因爲它更具體，而且IMO更容易執行）