我有一张包含以下内容的表格:
<tbody>
<tr ng-repeat="result in ctrl.result track by $index">
<td ng-bind="$index+1"></td>
<td ng-bind="::result.title"></td>
<td> <button type="button" class="btn" ng-click='ctrl.deleteItem(result)'>Delete</button></td>
</tr>
</tbody>
在我的控制器中,我有:
vm.deleteItem = function (result) {
myService.deleteItem(result.id)
.then(function (response) {
vm.result.splice(result, 1);
});
};
如您所见,vm.result
如果项目被成功删除,则 已更改。现在,该项目已在 db 中删除,因此我们有响应,然后该项目也已从 db 中删除vm.result
。但该列表尚未在浏览器中更新。
如您所见,我使用controller as
方法而不是 $scope
.