Angularjs加载屏幕上的ajax请求
发布时间:2020-12-17 09:11:03 所属栏目:安全 来源:网络整理
导读:使用Angularjs,我需要显示一个加载屏幕(一个简单的微调),直到ajax请求完成。请使用代码段建议任何想法。 而不是设置一个范围变量来指示数据加载状态,最好是有一个指令为你做一切: angular.module('directive.loading',[]) .directive('loading',['$http'
使用Angularjs,我需要显示一个加载屏幕(一个简单的微调),直到ajax请求完成。请使用代码段建议任何想法。
而不是设置一个范围变量来指示数据加载状态,最好是有一个指令为你做一切:
angular.module('directive.loading',[]) .directive('loading',['$http',function ($http) { return { restrict: 'A',link: function (scope,elm,attrs) { scope.isLoading = function () { return $http.pendingRequests.length > 0; }; scope.$watch(scope.isLoading,function (v) { if(v){ elm.show(); }else{ elm.hide(); } }); } }; }]); 使用这个指令,你需要做的是给任何加载动画元素一个’loading’属性: <div class="loading-spiner-holder" data-loading ><div class="loading-spiner"><img src="..." /></div></div> 您可以在页面上多个加载纺纱工具。在哪里和如何布局这些纺纱机是由你和指令将自动打开/关闭它。 (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |
相关内容
- 5天学会jaxws-webservice编程第二天
- 在Angular 2中,通过ComponentFactory创建Component似乎没有
- vim – 如何在插入模式下返回上一个缩进级别?
- scala – @tailrec错误“递归调用目标超类型”
- twitter-bootstrap – Twitter Bootstrap工具提示:是否有可
- bash参数及运算练习
- file – ‘unistd.h’中’read’函数的读取限制是多少?
- 如何优雅的使用rm防止误删除脚本
- BootStrap模态框和select2合用时input无法获取焦点的解决方
- angularJS+requireJS实现controller及directive的按需加载