AngularJS : Utilisation de $routeProvider avec plusieurs modules ?

Question

Je suis en train de construire une application angulaire avec plusieurs modules. Chaque module est un composant de vue (plutôt que d'avoir un module géant avec tous les composants de vue) comme le recommande le guide de style Angular de John Papa. Cependant, alors qu'auparavant je pouvais simplement faire...

angular.module('app').config( <config for all client routes and their controllers> )

J'ai réalisé que je ne peux pas le faire puisque les contrôleurs sont sur des modules séparés maintenant. Donc, j'ai séparé le login $routeProvider dans leurs fichiers respectifs :

angular.module('app.<modulename>').config( <config for app.modulename routes and its controllers> );

Cependant, lorsque je navigue vers un itinéraire qui n'est pas défini sur mon site Web, je ne peux pas le faire. app je vois une page vide, il semble donc que le module $routeProvider pour d'autres modules ne semble pas fonctionner. Comment puis-je faire en sorte que plusieurs modules partagent le ng-view ?

Answer 1

Pour que vos modules soient configurés, vous devez les inclure dans le module principal de l'application via le tableau des dépendances. Par exemple, disons que vous avez les modules suivants...

angular.module('app.module1', ['ngRoute'])
    .config(function($routeProvider) { ... })

angular.module('app.module2', ['ngRoute'])
    .config(function($routeProvider) { ... })

Vous les configurez et les incluez via

angular.module('app', ['app.module1', 'app.module2'])