AngularJS routage dans différents fichiers
Je vérifie le routage angulaire.
Les exemples que je vois ont toutes les routes définies dans le même fichier. Comment puis-je définir différentes routes dans différents fichiers / modules?
2 réponses
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 routes dans chaque bloc de configuration. Le routage final pour l'application entière est une somme d'itinéraires définis 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 division des fichiers - je suppose que cela dépend en grande partie de la façon dont vous divisez les modules AngularJS dans les fichiers. Ce que je recommanderais est de s'en tenir à un fichier égal Principe d'un module.
Vous pouvez voir tout cela appliqué à une application web à plus grande échelle dans angular-app, un effort pour construire une référence pour une application non triviale écrite en AngularJS:
En l'application, vous pouvez voir les routes définies dans plusieurs fichiers, ex.:
Vous pouvez créer L'application angulaire avec différents fichiers sans les spécifier suivez ces étapes
Étape 1: Obtenir l'adresse url complète
var url = window.location.pathname;
Étape 2 trier le nom de fichier seul
var filename = url.substring(url.lastIndexOf('/')+1);
Étape 3 Afficher la suite
alert(filename);
Je l'ai fait dans W3Schools essayez l'éditeur http://www.w3schools.com/code/tryit.asp?filename=FDP3QTCP7V4E