AngularJS ui-router les paramètres facultatifs

J'ai essayé de configurer mon routage comme ce

...
url: '/view/:inboxId?'
...

mais Angulaire serait de se débarrasser de cette erreur:

Error: Invalid parameter name '' in pattern '/view/:inboxId?'

donc en gros j'ai eu pour la création de deux états différents:

state('view', {
            url: '/view/:inboxId',
            templateUrl: 'templates/view.html',
            controller: 'viewCtrl'
        }).

        state('view_root', {
            url: '/view',
            templateUrl: 'templates/view.html',
            controller: 'viewCtrl'
        })

Est-il possible de combiner ces états en un seul?

OriginalL'auteur mikek | 2014-08-24

  1. 7

    D'avoir une option param - déclarer comme vous l'avez fait, mais ne pas la passer. Voici un exemple. Que tous puissent travailler avec un état (pas de racine) ou deux (racine et de détail) que vous le souhaitez.

    La définition mentionnée dans la question, est prête à gérer ces appels:

    //href
<a href="#/view/1">/view/1</a> - id is passed<br />
<a href="#/view/"> /view/ </a> - is is missing - OPTIONAL like <br />
<a href="#/view">  /view  </a> - url matching the view_root

//ui-sref
<a ui-sref="view({inboxId:2})">    - id is passed<br /> 
<a ui-sref="view">                 - is is missing - OPTIONAL like
<a ui-sref="view({inboxId:null})"> - id is explicit NULL <br />
<a ui-sref="view_root()">          - url matching the view_root

    Nous n'avons pas à utiliser ? pour marquer paramètre facultatif. Juste deux url doit être unique (par exemple, /view/:id vs /view - où le second n'a pas de fuite /)

    Je pense que cela va changer avec 0.3.0: github.com/angular-ui/ui-router/issues/1476
    Je suis en désaccord avec votre déclaration - "Que tous puissent travailler avec un état (pas de racine)." Avec un seul état, celui avec le paramètre déclaré dans l'url, le "#/view" url ne correspondent pas. Il faudrait une barre oblique de fermeture - "#/view/". J'aimerais pour l'interface utilisateur du routeur afin de soutenir véritablement en option paramètres avec un seul état, mais il ne le fait pas. Même la nouvelle "option" paramètres de l'endroit où vous spécifiez les valeurs par défaut dans les paramètres de l'objet exiger la fermeture de slash devant eux.

    OriginalL'auteur Radim Köhler

  2. 0

    Le code ci-dessous permet de vraiment paramètres facultatifs, si vous n'avez pas l'esprit, avoir un couple extra-unis.

    J'ai transformé mon état d'origine dans une abstraction l'une par l'ajout du résumé de l'attribut, et a ensuite créé deux enfants etats, l'un avec une url qui a params, l'un avec une url vide qui fait référence à la société mère.

    Il fonctionne bien sur mon site dev, et ne nécessite pas un slash de fin, en fait, si vous voulez que le slash de fin, vous devrez ajouter un état/quand pour elle.

      .state('myState.search', {
    url:'/search',
    templateUrl: urlRoot + 'components/search/search.view.html',
    controller: 'searchCtrl',
    controllerAs: 'search',
    abstract: true,
  })
  .state('myState.search.withParams', {
    url:'/:type/:field/:operator/:value',
    controller: 'searchCtrl',//copy controller so $stateParams receives the params
    controllerAs: 'search'
  })
  .state('myState.search.noParams', {
    url:''
  });

    OriginalL'auteur SethWhite