而不是设置一个范围变量来指示数据加载状态,最好是有一个指令为你做一切:
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>
原文地址:https://www.jb51.cc/angularjs/147016.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。