Différence entre $état.transitionTo() et $état.go() dans Angulaire de l'interface utilisateur du routeur

Dans AngularJS, je vois parfois nous utilisons $state.transitionTo() et parfois, nous utilisons $state.go(). Quelqu'un peut-il me dire comment ils diffèrent et où l'on doit être utilisé plutôt que l'autre?

InformationsquelleAutor Barcelona | 2014-01-14
  1. 144

    Faites-vous référence à la AngularUI Routeur? Si oui, le wiki spécifie les différences:

    $état.faire [, toParams] [, options])

    Renvoie une Promesse représentant l'état de la transition.

    Méthode de convenance pour la transition vers un nouvel état. $state.go appels $state.transitionTo en interne, mais définit automatiquement les options de { location: true, inherit: true, relative: $state.$current, notify: true }. Cela vous permet d'utiliser facilement l'une dans l'absolu ou par rapport à la trajectoire et de spécifier uniquement les paramètres que vous souhaitez mettre à jour (tout en laissant les paramètres non-spécifiés hériter de l'état actuel).

    $état.transitionTo(à, toParams [, options])

    Renvoie une Promesse représentant l'état de la transition.

    Faible niveau de méthode pour la transition vers un nouvel état. $state.go() utilise transitionTo en interne. $state.go() est recommandé dans la plupart des situations.

    • J'ai trouvé plus d'informations, j'ai besoin de vos liens donnés. Merci tellement Brandon 🙂
    • Apparemment, les valeurs saisies dans la vue ne le jetez pas éteindre si je re-déclencher l'affichage à l'aide de transitionTo. De toute façon on peut forcer l'actualisation des valeurs/js/view? P. S. - rechargement de la Page n'est pas une option, car la vue est une superposition
    InformationsquelleAutor Michelle Tilley
  2. 9

    $etat.transitionTo transite vers un nouvel état. Dans la plupart des cas, vous n'avez pas à l'utiliser, vous préférerez peut-être $state.go.

    Il prend quelques paramètres dans un options objet:

    • location: Si true permettra de mettre à jour l'url dans la barre d'adresse, si false ne sera pas. Si la chaîne "replace", permettra de mettre à jour l'url et aussi de remplacer le dernier enregistrement de l'historique.
    • inherit: Si true va hériter des paramètres d'url à partir de l'url actuelle.
    • relative (stateObject, par défaut null): Lors de la transition avec chemin d'accès relatif (e.g '^'), définit l'état d'être membre de la parenté.
    • notify: Si true, diffusera $stateChangeStart et $stateChangeSuccess événements.
    • reload: Si true force de transition, même si l'état ou les paramètres n'ont pas changé, aka un rechargement du même état.

    $etat.aller est une sorte de raccourci cet appel $state.transitionTo avec les options par défaut:

    • location: true
    • inherit: true
    • relative: $state.$current
    • notify: true
    • reload: false

    C'est plus pratique que la syntaxe est plus simple. Vous pouvez appeler cela seulement avec un nom d'état.

    $state.go('home');
    InformationsquelleAutor Mistalis