angularjs 删除循环中的 promise 数据之后立马显示变化
来源:互联网 发布:海岛大亨5mac版汉化 编辑:程序博客网 时间:2024/05/21 15:48
在用 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:
<tbody><tr ng-repeat="host in hosts|filter:searchText"> <td><a href="#" ng-if="host.Uuid!=nil" ng-click="del(host,host.Uuid)">delete</a> </td> <td class="center">{{host.Hostname}}</td> <td class="center">{{host.Ip}}</td> <td><p ng-repeat="tcp_port in host.Tcp_list">{{tcp_port}}</p></td> <td><p ng-repeat="udp_port in host.Udp_list">{{udp_port}}</p></td></tr></tbody>
修改后的 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); }) }}])
0 0
- angularjs 删除循环中的 promise 数据之后立马显示变化
- AngularJS中的Promise
- AngularJS中的Promise
- angularjs中的promise
- angularjs 中的 $promise
- javascript angularjs 使用promise 异步获取数据
- AngularJS 中的 Promise 和 设计模式
- AngularJS 中的 Promise 和 设计模式
- AngularJS 中的 Promise 和 设计模式
- AngularJS中的Promise,协助理解resolve
- AngularJS 中的Promise --- $q服务详解
- AngularJS 中的Promise --- $q服务详解
- AngularJS 中的Promise --- $q服务详解
- AngularJS 中的 Promise 和 设计模式
- AngularJS 中的Promise --- $q服务详解
- AngularJS 中的Promise --- $q服务详解
- AngularJS 中的Promise --- $q服务详解
- AngularJS 中的Promise --- $q服务详解
- Linux驱动之定时器和延时
- 如何修改wamp的mysql数据库密码
- json详解
- Android中WebView加载带有ssl层的https页面
- iOS 开发小技巧
- angularjs 删除循环中的 promise 数据之后立马显示变化
- c++命名空间总结
- oracel函数
- C#调用C++的dll问题
- OSGI ByteToCharConverter 找不到
- repositoryItemButtonEdit ButtonClick没有反应的原因
- windows 如何查看端口占用情况?
- 《编程之美》学习笔记——2.19区间重合判断
- SOAP详解