javascript - Angularjs 未正确绑定到空数组

Question

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

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

当从列表中添加或删除新工厂时计算产品，并且在大多数情况下，这可以正常工作，直到您从列表中删除最后一个工厂。我希望产品绑定到的表像工厂列表一样清空，因为它的底层数组变为空，但最后一项保留。

我没有显示此内容的小提琴，但我已将应用程序上传到此处的 azure 站点，并且代码在此处的 git 上，关键文件是 app/view/complex 和 app/scripts/Complex.js

您可以提供的任何帮助将不胜感激

score 3 · Accepted Answer

问题似乎在这里：

angular.extend(this.complexProduct, itemsProduced);

您不应该使用数组扩展数组。扩展用于对象。使用空数组扩展数组的结果将最终只返回原始数组。

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

尝试这个：

$scope.complexProduct = itemsProduced;

（我更喜欢 $scope ，因为它更具体，而且 IMO 更容易理解）

1 回答 1