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

Question

我的路由器功能“導航”有問題，在我的AppComponent中我有：

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

在我的HomeComponent中，我試圖這樣做：

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

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

它沒有發送給'/ dashboard'，這是正常的嗎？

Answer 1

我終於找到了！ 它正在與：

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

感謝你們對我的幫助

Answer 2

為何使用父母？ 它應該是this._router.navigate(["Dashboard"]);

Answer 3

router.navigate是一個方法，它將路徑作為參數並導航到該特定路徑並加載組件，我希望它能工作。

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

Answer 4

什么是錯誤消息？

另外為什么使用this._router.parent.navigate而不是簡單的this._router.navigate.. ？

Answer 5

您可以嘗試以下方法來使用AppComponent組件中定義的路由：

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