angular.js删除一条记录后如何让视图自动更新 | Angular中文社区

假设我们有这么一个视图：

记录	操作
记录1	删除
记录2	删除

想实现的效果是：点击 记录1 后面的删除，如果删除成功，视图自动更新为

记录	操作
记录2	删除

视图的html代码如下

<table>
    <tr>
        <th>记录</th>
        <th>操作</th>
    </tr>
    <tr ng-repeat="record in records">
        <td>{ { record.title } }</td>
        <td><a href ng-click="delete(record)">删除</a></td>
    </tr>
</table>

要实现视图自动更新，可以在控制器代码里这样写

$scope.delete = function(record) {
    $scope.records.splice($scope.records.indexOf(record), 1);
};