Sinon sur StateProvider

L'aide d'angular-ui-router, Comment puis-je utiliser le sinon la méthode sur $stateProvider ou comment puis-je l'utiliser à tous ?

qu'essayez-vous de faire? (Veuillez noter que je ne comprends pas tout $stateProvider.otherwise, donc ça va m'aider)

InformationsquelleAutor Adelin | 2013-05-28

121

Vous ne pouvez pas utiliser seulement $stateProvider.

Vous avez besoin d'injecter $urlRouterProvider et de créer un code similaire à:
```
$urlRouterProvider.otherwise('/otherwise');
```
La /otherwise url doit être défini sur un état comme d'habitude:
```
 $stateProvider
    .state("otherwise", { url : '/otherwise'...})
```
Voir ce lien où ksperling explique
- Je l'ai essayé et cela a fonctionné ! donc c'est la meilleure réponse 😉
- Vous pouvez réellement utiliser $stateProvider. C'est moins de travail si vous voulez juste pour afficher un modèle, mais pas de redirection. Je préfère @juan hernandez réponse.
- la valeur passée à otherwise (dans ce cas '/otherwise') correspondre au nom de l'état (le premier paramètre à .state) ou la valeur de url option?
- C'est désormais obsolète - voir réponse de @babyburger
InformationsquelleAutor Richard Keller
81

Vous pouvez avec $stateProvider à l'aide de la attraper tous syntaxe ("*path"). Vous avez juste besoin d'ajouter un état config en bas de votre liste comme le suivant:
```
$stateProvider.state("otherwise", {
    url: "*path",
    templateUrl: "views/error-not-found.html"
});
```
Toutes les options sont expliquées dans https://github.com/angular-ui/ui-router/wiki/URL-Routing#regex-parameters.

La belle chose de cette option, par opposition à $urlRouterProvider.otherwise(...), c'est que vous n'êtes pas contraint à un changement d'emplacement.
- pourriez-vous veuillez donner des précisions: you're not forced to a location change?
- Ce qu'il veut dire est l'url restera ce qu'il était. Donc, si l'utilisateur passe à /this/does/not/exist, puis l'URL restera dans la barre d'adresse. L'autre solution sera de vous prendre pour /otherwise
- J'ai utilisé ta solution et ça a fonctionné (je peux garder l'url qui n'a pas été trouvé, qui est grand parce que je suis en utilisant luisfarzati.github.io/angulartics et de cette manière, je peux aussi voir de navigation pour les pages qui n'ont pas été trouvés) pour les cas où l'url que l'utilisateur accède à ne pas exister. Cependant, si je navigue à cette url à l'aide de $état.aller à('autre') à l'intérieur d'un contrôleur, je perds l'url. Je navigue explicitement à cet état lorsque l'utilisateur va sur les détails d'un élément de la page et le serveur renvoie 404 (par exemple, si l'élément a été supprimé). Connaissez-vous un moyen de résoudre ce problème?
- vous pouvez utiliser l'emplacement de l'option=false et l'url ne change pas. Par exemple. $etat.aller('autrement',{},{lieu:false})
InformationsquelleAutor Juan Hernandez
34

Vous pouvez également manuellement injecter $de l'état dans le contraire de la fonction, que vous pouvez ensuite naviguer vers un non-url de l'état. Ceci a l'avantage de le navigateur de ne pas changer la addressbar, ce qui est utile pour la gestion de revenir à une page précédente.
```
    $urlRouterProvider.otherwise(function ($injector, $location) {
        var $state = $injector.get('$state');

        $state.go('defaultLayout.error', {
            title: "Page not found",
            message: 'Could not find a state associated with url "'+$location.$$url+'"'
        });
    });
```
- qui a résolu mon problème sur la façon de vérifier si nous sommes à la mi-app ou onload si le contraire est utilisé - merci beaucoup 🙂
- vous avez sauvé ma journée !
- N'oubliez pas si vous voulez réduire ce besoin d'u $injecter
InformationsquelleAutor Zak Henry

Ok, l'idiot moment où vous vous rendez compte que la question est répondue dans les premières lignes de l'exemple de code! Il suffit de prendre un coup d'oeil à l'exemple de code.

       angular.module('sample', ['ui.compat'])
      .config(
        [        '$stateProvider', '$routeProvider', '$urlRouterProvider',
        function ($stateProvider,   $routeProvider,   $urlRouterProvider) {
          $urlRouterProvider
            .when('/c?id', '/contacts/:id')
            .otherwise('/'); //<-- This is what I was looking for ! 


          ....

Jetez un oeil ici.

InformationsquelleAutor Adelin

2

Je veux juste carillon sur la grande qualité des réponses qui sont déjà fournis. La dernière version de @uirouter/angularjs marqué la classe UrlRouterProvider comme obsolète. Ils recommandent maintenant à l'aide de UrlService à la place. Vous pouvez obtenir le même résultat avec la modification suivante:
```
$urlService.rules.otherwise('/defaultState');
```
Méthodes supplémentaires: https://ui-router.github.io/ng1/docs/1.0.16/interfaces/url.urlrulesapi.html

InformationsquelleAutor Babyburger
0

La accepté de répondre à références angular-route pose des questions sur ui-router. L'on a accepté la réponse utilise le "monolithique" $routeProvider, ce qui nécessite la ngRoute module (alors que ui-router besoins de la ui.router module)

La la mieux classée répondre utilise $stateProvider au lieu de cela, et dit quelque chose comme .state("otherwise", { url : '/otherwise'... }),
mais je ne trouve pas de mention de "autrement" dans le documentation les liens. Cependant, je vois que $stateProvider est mentionné dans cette réponse où il est dit:

Vous ne pouvez pas utiliser seulement $stateProvider. Vous avez besoin d'injecter $urlRouterProvider

C'est là que ma réponse peut vous aider. Pour moi, il suffit d'utiliser $urlRouterProvider comme cela:
```
 my_module
   .config([
    , '$urlRouterProvider'
    , function(
        , $urlRouterProvider){
            //When the url is empty; i.e. what I consider to be "the default"
            //Then send the user to whatever state is served at the URL '/starting' 
            //(It could say '/default' or any other path you want)
            $urlRouterProvider
                    .when('', '/starting');
                    //...
    }]);
```
Ma suggestion est compatible avec les ui-router la documentation, (cette révision spécifique), où il comprend une utilisation similaire de la .when(...) méthode (le premier appel à la fonction):
```
app.config(function($urlRouterProvider){
  //when there is an empty route, redirect to /index   
  $urlRouterProvider.when('', '/index');

  //You can also use regex for the match parameter
  $urlRouterProvider.when(/aspx/i, '/index');
})
```
InformationsquelleAutor The Red Pea

Vous devez vous connecter pour publier un commentaire.