2017-06-16 2 views
-1

J'ai simple angulaire 2 app, mis en place comme suit:angulaire 2 URL change de façon inattendue après la charge des composants

itinéraires forchild pour/hôtes pour afficher un composant pour une liste d'hôtes et/hôte: id pour afficher un composant de détail pour un hôte spécifique.

Quand je vais à/hosts je reçois la liste des hôtes pas de problèmes. Un champ sur chaque ligne a un lien vers/host: id. Si je clique sur un élément de ligne spécifique, le composant de détail s'affiche correctement. pour un bref instant, je vois/host/1234 et ensuite l'URL retourne à/hosts. le composant de détail reste sur l'écran.

i ont un module hôte mis en place avec les routes suivantes

RouterModule.forChild([ 
    { path: 'hosts', component: HostListComponent}, 
    { path: 'host/:id', component: HostDetailsComponent} 
]) 

Je veux l'URL pour rester sur/hôte/1234 lorsque je navigue à elle et ne pas retourner à/hôtes

tout des idées?

grâce

Matt

+1

Avez-vous des erreurs dans la console? – Skeptor

+0

@Skeptor [** tag de routage angulaire **] (https://stackoverflow.com/tags/angular-routing/info) fait référence à la route ng1 (ce qui n'est pas le cas ici). – developer033

+0

mon mauvais, merci pour la mise à jour. – Skeptor

Répondre

0

simple erreur de débutant. Je n'ai pas eu un ngif dans mon modèle html et cela causait des erreurs non définies. A cause de ces erreurs, j'obtenais le comportement de routage bizarre. qui, en rétrospective, a du sens.

La prochaine fois que je vais vérifier la console avant que je poste :)

remercie tous.