javascript - 从 Angular 中的 ngList 中删除项目

Question

我在文本框中使用 ngList 来获取数据并将其发布到我的服务器。我发现的问题是，虽然我可以通过删除索引直接影响生成的数组，但以这种方式删除项目时，输入字段中的字符串不受影响。

这里的问题是，一旦文本字段被修改，该字段中包含的任何内容都会立即更新模型，恢复任何被删除的项目。

http://plnkr.co/edit/EqkWwyLwvHrrhT6epOYP?p=preview

有没有人有更新文本字段中的字符串以在模型更新时匹配模型的解决方案？我的想法是在我的函数上或在 $watch 中使用 $apply，但在这两种情况下我都遇到 $apply in progress 错误。

Answer 1

$scope.states.splice(index, 1);

它不会更新 ng-list 因为只有当以前的值不等于当前值时才会调用更改机制 strictly...

因此，如果您将创建新实例而不是拼接当前实例，则不会调用任何内容，因为它是相同的数组实例，因此请将此代码替换为当前实例，这将是您想要的...

var tmpList = angular.copy($scope.states);
tmpList.splice(index, 1);
$scope.states = tmpList;

这是PLUNKER