6
votes

Angulaire 2 Routeur Navigate Navigate Fonction Ne fonctionne pas

J'ai un problème avec la fonction de routeur "naviguez", dans mon appcuponent que j'ai: xxx pré>

dans mon homécomposant, j'essaie de faire ceci: p>

...
constructor(private _router:Router){}

changePage(){
  this._router.parent.navigate(["Dashboard"]); // It fails
}
...


2 commentaires

Est-ce DashboardComponent ou DashboardComponent ?


C'est ThardboardComponant, mon mauvais


5 Réponses :


0
votes

Quel est le message d'erreur?

Aussi pourquoi utiliser this._router.parent.navigater plutôt que simplement this._router.navigater .. ?


2 commentaires

J'ai essayé juste this._router.navigater , cela n'a pas fonctionné, mais je pense que je devrais utiliser "parent" parce que cela._Router est un enfant


Il n'y a pas de message d'erreur, il me redirige de la même page



4
votes

Pourquoi utiliser le parent? il devrait être this._router.navigater (["tableau de bord"]);


0 commentaires

0
votes

Vous pouvez essayer ce qui suit pour utiliser un itinéraire défini dans le composant AppComPonent : xxx


1 commentaires

Pendant 1 seconde, il met "?" dans mon URL: localhost: 3000 / Home ? , et cela me redirige sur le même page



5
votes

J'ai enfin trouvé! Cela fonctionne avec:

changePage() {
  this._router.navigate(["../Dashboard"]);
}


1 commentaires

Vous devez utiliser un chemin complet pour naviguer non relatif lorsque vous utilisez ceci.Router.Navigate (['Someroute']) // est relatif this.Router.Navigate (['/ someroute']) // est absolu essayez celui-ci



1
votes

routeur.navigate est une méthode qui prennent le chemin comme paramètre et accédez à ce composant de chemin et de chargement particulier, j'espère que cela fonctionnera. xxx


0 commentaires