页面上正在进行http请求时AngularJs加载程序

我已经开发了一个应用程序，我想在我的系统中添加加载器，因为我看到了，找到并制作了一个演示，但我必须在每一页都保留它

那么，angular中是否有任何选项可以将其包含在一个页面中，并从一个位置管理所有HTTP调用的标志

---

只有在所有api调用完成后，才应该删除它。

只需为

$http

调用创建一个工厂，并在该工厂中为ajax加载和结束事件添加侦听器。在这种情况下，侦听器添加加载程序显示和隐藏事件。下面是一个示例代码。在这里，我使用谷歌地图服务获取位置和事件，以显示和隐藏加载程序

安古拉斯普朗克
var app=angular.module（'plunker'，[]）；
app.config（函数（$httpProvider）{
});
app.factory（'httpPreConfig'，['$http'，'$rootScope'，函数（$http，$rootScope）{
$http.defaults.transformRequest.push（函数（）{
log（'Started'）；
//在这里显示您的加载程序
$rootScope.$broadcast（'AjaxProgress'）；
});
$http.defaults.transformResponse.push（函数（）{
console.log（'Stopped'）；
//把你的装载机藏在这里
$rootScope.$broadcast（'AjaxFinished'）；
})
返回$http；
}]);
应用程序控制器（'MainCtrl'，函数（$scope，$rootScope，httpPreConfig）{
$scope.showLoader=false；
$scope.sendGet=函数（）{
httpprefig.get（'http://maps.googleapis.com/maps/api/geocode/json?address=america');
};
$rootScope.$on（'AjaxProgress'，function（）{
$scope.showLoader=true；
});
$rootScope.$on（'AjaxFinished'，function（）{
$scope.showLoader=false；
});
});
装载机
送走

不确定这是否是您想要的，但基于标题-如果有人正在寻找一个我使用过的非常容易实现的加载程序

只要将它包含在你的应用程序中，它就可以使用拦截器自动工作

angular.module('myApp', ['angular-loading-bar'])

---

不阻止UI，但提供加载程序。（从问题中不确定要求是什么？

分享您的代码，让人们帮助您创建自己的拦截器/加载器。您只需使用CSS和一些角度代码就可以做到这一点。@GangadharJannu的可能副本感谢它的帮助me@GangadharJannu您好，这对我来说很有效，但有一个小疑问，所以我可以保持一个条件，如果我的http调用需要超过1秒，那么它将显示其他不应该显示的内容吗？是的，我可以使用，但这是最后一个优先级，我必须发出消息每一个API调用都创建了一个指令，并添加了一些css及其对我有用的功能