Comment reporter les voies définition dans Angular.js?

J'ai configuré de base des routes qui sont disponibles pour tous les utilisateurs avant l'ouverture de la session:

App.config(function ($routeProvider) {
    $routeProvider.
        when('/login', { templateUrl: 'views/login.html', controller: PageStartCtrl.Controller }).
        otherwise({ redirectTo: '/login' });
});

Donc la seule chose que l'utilisateur peut faire est de vous connecter. Après que l'utilisateur se connecte, je voudrais enregistrer d'autres voies comme ceci:

$http
  .post('api/Users/Login', {   User: userName, Password: userPassword })
  .success(function (response : any) {
    App.config(function ($routeProvider) {
      $routeProvider
        .when('/dashboard', 
              { templateUrl: 'part/dashboard.html', 
              controller: DashboardCtrl.Controller });
  });

Cependant, je suppose que je devrais l'appeler .config méthode qu'une seule fois, parce que les $routeProvider est la marque nouvelle instance qui ne sait rien à propos de /login route. Plus de débogage m'a montré que la première instance de $resourceProvider est utilisé lors de la résolution de changement de vue.

Q: y at-il un moyen d'enregistrer des itinéraires plus tard?

Solution de Ajouter des itinéraires et de la dynamique des modèles de $routeProvider pourrait fonctionner, mais il est assez moche (impliqué variable globale nastyGlobalReferenceToRouteProvider).

InformationsquelleAutor stej | 2012-10-31

47

Depuis les routes sont définies sur un fournisseur de niveau, normalement, les nouvelles routes peuvent être définies uniquement dans le bloc de configuration. Le problème, c'est que dans le bloc de configuration de tous les services essentiels sont toujours pas défini (notamment $http). Ainsi, sur la surface, il ressemble à w ne peut pas définir des itinéraires de manière dynamique.

Maintenant, il s'avère que dans la pratique, il est très facile d'en ajouter /retirer des routes à n'importe quel point de l'application du cycle de vie! En regardant les $route le code source nous pouvons voir que toutes les lignes de définition sont tout simplement rester dans le $route.routes de hachage peuvent être modifiés à n'importe quel point dans le temps comme (exemple simplifié):
```
myApp.controller('MyCtrl', function($scope, $route) {    
    $scope.defineRoute = function() {
        $route.routes['/dynamic'] = {templateUrl: 'dynamic.tpl.html'};
    };
});
```
Voici le jsFiddle qui démontre cela en action: http://jsfiddle.net/4zwdf/6/

En réalité, si nous voulons être proche de ce que AngularJS est en train de faire la définition de la route de la logique devrait être un peu plus complexe que AngularJS est aussi de définir une redirection de l'itinéraire pour gérer correctement les routes avec / à la fin (il est effectivement en option).

Ainsi, alors que la technique ci-dessus va travailler, nous avons besoin de noter les suivantes:
- Cette technique repose sur la mise en œuvre interne et peut se briser si l'AngularJS équipe décide de changer la façon dont les routes sont définies /assorti.
- Il est également possible de définir la otherwise itinéraire à l'aide de la $route.routes que la route par défaut est stocké dans le même hachage en vertu de la null clé
- Dans les anciens jours, les itinéraires ont été définis sur la mouche, mais le AngularJS équipe délibérément changé de sorte que vous pouvez uniquement définir des itinéraires de manière statique à l'avant. Je suppose que le souci est d'avoir à déclencher un changement d'itinéraire si vous modifiez un itinéraire qui correspond à l'URL courante...
- Je pense que l'avenir de routes devraient être en mesure de le faire. Il peut bien être en attente de la nouvelle architecture modulaire qui permet le chargement des modules à la volée?
- Oui, c'est vrai qu'une fois besoin d'être prudent avec la définition d'un itinéraire qui correspond à l'URL courante (en fait, on peut voir ce problème dans le jsFiddle). L'autre problème est que nous ne pouvons pas définir de nouveaux contrôleurs de manière dynamique (mais c'est question plus générale avec l'actuel système de module). De toute façon, je pense que le haut, est comme ce que l'on peut obtenir avec l'actuel système de routage.
- Les gars, un grand merci pour vous réponse, en particulier pkozlowski pour répondre à ma question. Quelqu'un peut-il m'en dire plus à propos de "mais c'est plus général d'un problème avec le module actuel système"? Je me sens un peu que les modules sont trop rigide pour moi. Peut-être que je me trompe, parce que je suis nouveau sur angulaire, mais les éclaircissements points de faiblesses angulaire serait idéal (de sorte que les gens sachent à quoi s'attendre).
- stej: le "problème" avec l'actuel système de module, c'est que vous avez besoin de télécharger tous les AngularJS artefacts (contrôleurs, directives, etc.) l'avance dans un navigateur. Après la période initiale de bootstrap d'une application, il est impossible d'ajouter plus de contrôleurs, directives, etc. Cette question / réponse a plus d'info: stackoverflow.com/a/12646328/1418796
- Merci, upvoted. Chargement des contrôleurs plus tard possible (juste le chargement d'un script js avec des tas de "contrôleur de fonctions'). Mais il y a un peu de limitation qu'il n'est pas possible de les référencer dans les itinéraires en fonction. Il doit être référencé comme une chaîne de caractères ({ templateUrl: .., controller: 'myController'}, pas {... controller : myController }), parce que pendant la configuration de l'itinéraire, le contrôleur n'est pas encore chargé, de sorte myController est pas défini.
- Je vais attendre un peu et si rien ne change, je vais accepter votre réponse. Merci.
- Pouvez-vous utiliser require.js comme une solution de contournement pour qui?
- Andrew, comme une solution de contournement pour quoi?
InformationsquelleAutor pkozlowski.opensource
6

J'ai trouvé que la réponse par @pkozlowski.opensource ne fonctionne que dans angularjs 1.0.1. Toutefois, après angular-route.js devient un fichier indépendant dans la version ultérieure, définir directement l' $route ne fonctionne pas.

Après avoir examiné le code, je trouve la clé de $route.les routes n'est plus utilisé pour faire correspondre la position, mais $route.route[key].RegExp est utilisé à la place. Après je copie l'origine, quand et pathRegExp fonction, route des œuvres. Voir jsfiddle:
http://jsfiddle.net/5FUQa/1/
```
  function addRoute(path, route) {
     //slightly modified 'when' function in angular-route.js
  }
  addRoute('/dynamic', {
    templateUrl: 'dynamic.tpl.html'
  });
```
- Merci pour vos violons, cela fonctionne très bien dans moderne angulaire versions
InformationsquelleAutor SetupX

Vous devez vous connecter pour publier un commentaire.