Angularjs - 在同一模块中的两个配置功能

Question

我在模块中配置了我的路由，它的工作很好，但我也试图添加一个加载指示器，它将拦截任何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>'; 
}]); 

它可以使用两个配置功能，这种方式？

非常感谢！

Answer 1

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

这样，如果你愿意，你可以为每个$ 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>'; 
}]);