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

Angular是Google开发的前端技术框架。

来源: 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);
};
分享到: 更多 (0)