Plusieurs blocs de configuration dans un module angulaire

J'ai besoin pour résoudre certaines dépendances (extraction de données pour mes services, etc.) dans mon application avant de charges. Je voudrais séparer d'eux, de sorte que j'ai une config bloc pour l'application principale, et une ou plusieurs config blocs pour les autres parties de l'application.

En fin de compte, je suis en espérant avoir de résoudre les dépendances de l'application principale, charger les composants associés à ça, et puis résoudre le repos et la charge de ces parties, c'est donc un peu plus de réactivité lors du chargement.

C'est ce que j'ai trouvé jusqu'à présent, mais il n'est pas de résoudre les dépendances dans la première config bloc:

angular.module('myApp', ['ui.router', 'kendo.directives'])
  .config(function($stateProvider) {
    $stateProvider
      .state('settings', {
        url: '/',
        views: {
          'mainNav': {
              templateUrl: 'scripts/directives/mainNav/mainNav.html',
              controller: 'mainNavCtrl'
          //etc
          }
        },
        resolve: {
          fetchSettings: function(Settings) {
            return Settings.fetch;
          }
        }
      });
  })
  .config(function ($stateProvider, $urlRouterProvider) {
    $urlRouterProvider.otherwise('/');

    $stateProvider
      .state('otherPart', {
        url: '',
        views: {
          'otherPart': {
            templateUrl: 'views/otherPart.html' 
           //etc
          }
        },
        resolve: {
          fetcherPromise: function(User, MyData) {
            var fns = [
              MyData.fetch,
              User.fetchEntitlements
            ];
            return fetcher.inSerial(fns);
          }
        }
      })
      ;

  });

Suis-je encore sur la bonne voie?

source d'informationauteur lintmouse

  1. 4

    Vous devez déplacer le "reste" d'un module séparé:

    angular.module('separateModule', ['ui.router', 'kendo.directives'])
      .config(function ($stateProvider, $urlRouterProvider) {
        $urlRouterProvider.otherwise('/');
        $stateProvider
          .state('otherPart', {
            url: '',
            views: {
              'otherPart': {
                templateUrl: 'views/otherPart.html' 
               //etc
              }
            },
            resolve: {
              fetcherPromise: function(User, MyData) {
                var fns = [
                  MyData.fetch,
                  User.fetchEntitlements
                ];
                return fetcher.inSerial(fns);
              }
            }
          })
          ;

      });
angular.module('myApp', ['separateModule', 'ui.router', 'kendo.directives'])
  .config(function($stateProvider) {
    $stateProvider
      .state('settings', {
        url: '/',
        views: {
          'mainNav': {
              templateUrl: 'scripts/directives/mainNav/mainNav.html',
              controller: 'mainNavCtrl'
          //etc
          }
        },
        resolve: {
          fetchSettings: function(Settings) {
            return Settings.fetch;
          }
        }
      });
  });

    Si je suis correct, il n'était pas de résoudre les dépendances pour le premier bloc, parce qu'il a été remplacé par le deuxième .config.

    Voici votre code pour une config si vous avez besoin d':

    angular.module('myApp', ['ui.router', 'kendo.directives'])
.config(function($stateProvider, $urlRouterProvider) {
    $stateProvider
        .state('settings', {
            url: '/',
            views: {
                'mainNav': {
                    templateUrl: 'scripts/directives/mainNav/mainNav.html',
                    controller: 'mainNavCtrl'
                    //etc
                }
            },
            resolve: {
                fetchSettings: function(Settings) {
                    return Settings.fetch;
                }
            }
        })
        .state('otherPart', {
            url: '',
            views: {
                'otherPart': {
                    templateUrl: 'views/otherPart.html' 
                    //etc
                }
            },
            resolve: {
                fetcherPromise: function(User, MyData) {
                    var fns = [
                        MyData.fetch,
                        User.fetchEntitlements
                    ];
                    return fetcher.inSerial(fns);
                }
            }
        });

    $urlRouterProvider.otherwise('/');
});