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.htm

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?

33
demandé sur T J 2013-04-28 11:20:45

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.:

57
répondu pkozlowski.opensource 2014-09-29 15:04:51

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

0
répondu JJ Siddeshwar 2017-03-16 15:00:46