angularjs 删除循环中的 promise 数据之后立马显示变

页面导航:首页 > 网络编程 > JavaScript > angularjs 删除循环中的 promise 数据之后立马显示变

angularjs 删除循环中的 promise 数据之后立马显示变

来源: 作者: 时间:2016-02-03 09:20 【

在用 restangurlar 来跟后台 api 交互的时候,删除一条记录,但是直接显示在页面中。第三方异步的数据没办法立即同步,如果要看到删除的结果要重新刷新页面的话就太不 cool 了,google

在用 restangurlar 来跟后台 api 交互的时候,删除一条记录,但是直接显示在页面中。第三方异步的数据没办法立即同步,如果要看到删除的结果要重新刷新页面的话就太不 cool 了,google 了一把找到解决方法。

原始 js 代码如下:

.controller('HostCtrl', ['$scope','Restangular',function($scope,Restangular) {
    var baseHosts = Restangular.all('api/host');

    $scope.hosts=baseHosts.getList().$object;

    $scope.del=function(host,uuid){
        Restangular.one('api/host',uuid).remove()
        }
}])

html:



     
    {{host.Hostname}}
    {{host.Ip}}
    

{{tcp_port}}

{{udp_port}}

修改后的 js 代码如下:

.controller('HostCtrl', ['$scope','Restangular',function($scope,Restangular) {
    var baseHosts = Restangular.all('api/host');

    $scope.hosts=baseHosts.getList().$object;

    $scope.del=function(host,uuid){
        Restangular.one('api/host',uuid).remove().then(function(){
            var index=$scope.hosts.indexOf(host);
            if(index > -1) $scope.hosts.splice(index,1);
        })
        }
}])
Tags:

文章评论

最 近 更 新
热 点 排 行
Js与CSS工具
代码转换工具

<