Angularjs未正确绑定到空数组

Question

我正在写一个小的angular应用程序来调查它在未来是否值得使用，到目前为止，我真的很享受在其中开发它是多么容易。

然而，我遇到了一个障碍。我有两个数据模型，一个工厂列表和一个工厂产品列表。

当向列表中添加新工厂或从列表中删除新工厂时，将计算产品，并且在大多数情况下，在从列表中删除最后一个工厂之前，该方法都可以正常工作。我预计产品绑定到的表将像工厂列表一样为空，因为它的底层数组变为空，但最后一项保留不变。

我没有麻烦来展示这一点，但我已经将应用程序上传到了一个azure站点here，代码在git here上，关键文件是应用程序/视图/复杂和应用程序/脚本/复杂.js

如果您能提供任何帮助，我们将不胜感激。

Answer 1

问题似乎出在这里：

angular.extend(this.complexProduct, itemsProduced);

您不应该使用数组来扩展数组。extend是针对对象的。使用空数组扩展数组的结果将只返回原始数组。

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

试试这个：

$scope.complexProduct = itemsProduced;

(我更喜欢$scope而不是这个，因为它更具体，更容易理解)