Angularjs-同一模块中的两个配置函数

我在模块中配置了我的路由，它工作得很好，但我也尝试添加一个加载指示器，它将拦截任何http请求并放置一个加载映像，但它不工作。这是我的模块：

var myApp = angular.module('myApp', ['ngRoute', 'angular-loading-bar', 'ngAnimate', 'ui.bootstrap']);
myApp.config(["$routeProvider", "$locationProvider",
 function ($routeProvider, $locationProvider) {
     $routeProvider
         .when("/", {
             templateUrl: "/pages/home.html"             
         })
         .when("/currency", {
             templateUrl: "/app/series/currencySearch.html",
             controller: "currencyController"
         })
         .when("/others", {
             templateUrl: "/app/series/genericSearch.html",
             controller: "genericController"
         })
         .otherwise({
             redirectTo: "/"
         });
     $locationProvider.html5Mode(false);
 }]);

    myApp.config(['cfpLoadingBarProvider', function (cfpLoadingBarProvider) {
    cfpLoadingBarProvider.spinnerTemplate = '<div style="margin:20% 0 0 50%;"><span class="fa fa-spinner fa-pulse fa-3x"></div>';
}]);

var myApp=angular.module（'myApp'，['ngRoute'，'angular loading bar'，'ngAnimate'，'ui.bootstrap']）；
myApp.config（[“$routeProvider”、“$locationProvider”，
函数（$routeProvider，$locationProvider）{
$routeProvider
.当（“/”时{
templateUrl:“/pages/home.html”
})
.when（“/currency”{
templateUrl:“/app/series/currencySearch.html”，
控制器：“currencyController”
})
.when（“/其他”{
templateUrl:“/app/series/genericSearch.html”，
控制器：“通用控制器”
})
.否则({
重定向至：“/”
});
$locationProvider.html5Mode（false）；
}]);
myApp.config（['cfpLoadingBarProvider'，函数（cfpLoadingBarProvider）{
cfpLoadingBarProvider.spinnerTemplate=''；
}]);

这样可以使用两个配置函数吗

---

非常感谢

我不明白为什么不。它将一个接一个地运行它们

这样，如果您愿意，可以为每个$provider对象编写一个单独的配置方法

问题是，为什么它必须有两个配置？作为一个配置方法，它应该可以正常工作

myApp.config(["$routeProvider", "$locationProvider", "cfpLoadingBarProvider",
 function ($routeProvider, $locationProvider, cfpLoadingBarProvider) {
     $routeProvider
         .when("/", {
             templateUrl: "/pages/home.html"             
         })
         .when("/currency", {
             templateUrl: "/app/series/currencySearch.html",
             controller: "currencyController"
         })
         .when("/others", {
             templateUrl: "/app/series/genericSearch.html",
             controller: "genericController"
         })
         .otherwise({
             redirectTo: "/"
         });
     $locationProvider.html5Mode(false);
     cfpLoadingBarProvider.spinnerTemplate = '<div style="margin:20% 0 0 50%;"><span class="fa fa-spinner fa-pulse fa-3x"></div>';
 }]);

myApp.config（[“$routeProvider”、“$locationProvider”、“cfpLoadingBarProvider”，
函数（$routeProvider、$locationProvider、cfpLoadingBarProvider）{
$routeProvider
.当（“/”时{
templateUrl:“/pages/home.html”
})
.when（“/currency”{
templateUrl:“/app/series/currencySearch.html”，
控制器：“currencyController”
})
.when（“/其他”{
templateUrl:“/app/series/genericSearch.html”，
控制器：“通用控制器”
})
.否则({
重定向至：“/”
});
$locationProvider.html5Mode（false）；
cfpLoadingBarProvider.spinnerTemplate=''；
}]);

为什么不能在run block而不是config中初始化加载程序。您当然可以拥有任意多个

.config

函数。也许你应该描述一下实际的问题