Angular 2路由器导航功能不起作用

Question

I have a problem with the router function "navigate", in my AppComponent I have :

@RouteConfig([ 
  {path:'/home', name: 'Home', component: HomeComponent,  useAsDefault: true, data: {user: null}},
  {path:'/dashboard', name: 'Dashboard', component: DashboardComponent}
])

In my HomeComponent, I am trying to do this :

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

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

It doesn't send me at '/dashboard', is this normal ?

Answer 1

I have finally found ! It's working with :

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

Thank you for helping me

Answer 2

why using parent ? it should be this._router.navigate(["Dashboard"]);

Answer 3

router.navigate is a method which take path as a parameter and navigate to that particular path and load component, I hope it will work.

constructor(private _router:Router){}
changePage(){
this._router.navigate(["dashboard"]);
}

Answer 4

What is the error message ?

Also why using this._router.parent.navigate rather than simply this._router.navigate.. ?

Answer 5

You could try the following to use a route defined in the AppComponent component:

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