Angulaire ui-router - comment accéder aux paramètres imbriqués, vue nommée, transmis à partir du modèle parent?

Salut, je suis en train d'essayer d'accéder à un paramètre dans le contrôleur "ViewWorklogCrtl" lors de l'utilisation de l'interface utilisateur du routeur et en cours d'exécution dans la difficulté.

Fondamentalement, ma mère modèle contient:

a(ui-sref="instance-ticket.worklog({id:{{ticket.testnum}}})") show

et puis en bas de la page:

section(ui-view="top-section")

Ensuite dans mon app.js contenant côté client de routage info en bref j'ai:

 $stateProvider
.state('instance-ticket', {
  url: '/ticket/:instanceID',
  templateUrl: 'partials/instance-ticket',
  controller: 'ViewTicketCrtl'
})
.state('instance-ticket.worklog', {
  views:{
    'top-section':{
      templateUrl:'/partials/ticket.worklog.jade',
      controller: 'ViewWorklogCrtl'
      }
  }
  })

Le modèle de chargement fonctionne correctement, le problème et la question que je ne peux pas trouver une réponse à est - comment accéder à "testnum" transmise par le biais de l'interface utilisateur-sref lien, et à l'intérieur de la ViewWorkLogCtrl... Est-il une meilleure approche?

Merci beaucoup!!!

  • Il serait plus simple de la façon dont vous le suggérer, c'est de commencer à être compliqué
InformationsquelleAutor hzane | 2014-01-13
  1. 105

    La instanceID est déclaré comme un paramètre, donc on peut y accéder comme ça 

    .controller('ViewWorklogCrtl',
    [       '$scope','$stateParams'
    function($scope , $stateParams ) {    
        //
        $scope.instanceID = $stateParams.instanceID;
        ...

    Tous les autres détails pourraient être trouvés ici https://github.com/angular-ui/ui-router/wiki/URL-Routing

    Et l'appel à ui-sref devrait ressembler à ceci

    <a ui-sref="instance-ticket.worklog({ instanceID:ticket.testnum })" >..

    Étendre:

    Dans le cas que nous aimerions obtenir deux paramètres, 1) instanceID le parent 2) testnum à partir de l'actuel, nous devons ajuster la définition de l'état comme ce

    .state('instance-ticket', {
  url: '/ticket/:instanceID',      //instanceID
  templateUrl: 'partials/instance-ticket',
  controller: 'ViewTicketCrtl'
})
.state('instance-ticket.worklog', {
  //new param defintion
  url: '/worklog/:testnum',         //testnum
  views:{
    'top-section':{
      templateUrl:'/partials/ticket.worklog.jade',
      controller: 'ViewWorklogCrtl'
      }
  }

    Et la ui-sref

    <a ui-sref="instance-ticket.worklog({ instanceID:1, ticket.testnum:2 })" >..

    Et on peut y accéder comme ceci:

    .controller('ViewWorklogCrtl',
    [       '$scope','$stateParams'
    function($scope , $stateParams ) {    
        //
        console.log($stateParams.instanceID)
        console.log($stateParams.testnum)
        ...
    • Merci pour votre réponse. Malheureusement, en saisissant la instanceID est clair, mais la valeur que j'ai besoin de récupérer le worklog niveau est "testnum" dans mon exemple. Quand cela se cliqué: un(ui-sref="exemple de billet.worklog({id:{{billet.testnum}}})") C'est le chargement de la partielle dans la vue nommée, j'ai besoin de récupérer que les "id" est la valeur qui est actuellement peuplée que la testnum...
    • J'ai mis à jour la réponse, avec la nouvelle version de the ui-sref appel. Nous devons utiliser le même nom de paramètre instanceID comme l'a déclaré dans l'url, et j'attends que le ticket est un élément de quelques ng-repeat... c'est ma façon de faire déclarer l'etat href/références. le testunm du billet seront évalués et transmis en tant que instanceID dans le $stateParams
    • Alors que pas sûr, si vous avez à travailler... j'ai donc étendu la réponse, avec une autre approche. Nous pouvons introduire un nouveau paramètre testnum. Ici à la fois le parent et l'enfant, les états déclare params... nous pouvons les transmettre en un seul appel... et d'y accéder via $stateParams
    • Je pense que cela va le faire! Je pense que j'ai eu deux problèmes, de ne pas bien comprendre comment les stateParams de travail, et à tort d'essayer de mettre mon url de la propriété dans la vue. Votre réponse a beaucoup aidé à m'éclaircir ces deux problèmes. Maintenant, il semble que je devrais être en mesure de basculer le "testnum" (:worklogID) de la propriété, puisqu'en réalité, il y aura une liste de ces liens. merci!
    • Grande si cela a aidé en tout cas...
    • très bon détail et fonctionne très bien. merci

    InformationsquelleAutor Radim Köhler
  2. 4

    J'ai écrit une coutume de la directive afin de résoudre ce problème.

    <a my-sref="{{myStateVar}}">awesome link</a>

    Vous pouvez le cloner à partir de Github:
    https://github.com/JensEger/Angular-Directives/tree/master/ui-router-helper

    • Vous lisez dans mes pensées! Comme un boss!! Merci man! Peut-être pas la meilleure réponse pour la question, mais c'est juste que je cherchais.
    InformationsquelleAutor Jens Eger