web-dev-qa-db-fra.com

Angularjs routage dans différents fichiers

Je vérifie le routage angulaire.

http://www.bennadel.com/blog/2420-Mapping-AngularJS-Routes-Onto-URL-Parameters-And-Client-Side-Events-html

Les exemples que je vois ont tous les itinéraires définis dans le même fichier. Comment définir différentes routes dans différents fichiers/modules?

angularjsroutingangular-routing
33
Harry

Dans AngularJS, les routes sont définies dans le bloc de configuration. Chaque module AngularJS peut avoir plusieurs blocs de configuration et vous pouvez définir des itinéraires dans chaque bloc de configuration. Le routage final pour l’ensemble de l’application est la somme des routes définies dans tous les modules.

En pratique, vous pouvez le faire comme:

angular.module('myModule1', []).config(function($routeProvider){
  //define module-specific routes here
});

angular.module('myModule2', []).config(function($routeProvider){
  //define module-specific routes here
});

angular.module('myApp', ['myModule1', 'myModule2']).config(function($routeProvider){
  //define app-level routes here
});

En ce qui concerne la scission des fichiers - je suppose que cela dépend en grande partie de la manière dont vous divisez les modules AngularJS en fichiers. Ce que je recommanderais, c'est de s'en tenir au principe d'un fichier équivaut à un module.

Vous pouvez voir que tout cela est appliqué à une application Web à plus grande échelle dans angular-app, un effort pour créer une référence pour une application non-triviale écrite en AngularJS: 

Dans l'application mentionnée, vous pouvez voir les itinéraires définis dans plusieurs fichiers, ex .:

57
pkozlowski.opensource