如何重定向到特定路徑？

Question

我有以下途徑：

const routes: Routes = [ 
    { 
     path: '', component: InvestmentsCenterContainerComponent, 
     children: [ 
      { 
       path: '', component: InvestmentsCenter, 
       children: [ { 
        path: ':id', 
        children: [ { 
         path: '', 
         component: InvestmentsListComponent, 
         resolve: { investmentsData: InvestmentsDetailResolver }, 

        } ] 
       } ] 
      }, { 
       path: 'investment', component: InvestmentDetailComponent // <- cannot navigate to here 
      } 

     ] 
    }, 

]; 

在InvestmentsListComponents裏面一個按鈕，用戶點擊後，我想他重定向到InvestmentDetailComponent：

我使用下面的嘗試重定向：

this.router.navigate([ '/investment' ]).then((d) => console.log(d)); 

然而，這並不重定向我在任何地方，我試圖把相應的路徑在Routes的path: ':id;兒童下，但仍與正o結果。我也嘗試使用relativeTo屬性進行導航，但無濟於事。

值得注意的是，上述路線具有父路徑：

path: 'investments' 

任何建議都高度讚賞。

Answer 1

如果在導航時放置/，它將作爲絕對路徑。

因此，在這種情況下，正確的路徑應該是

this.router.navigate([ '/investments/investment' ]).then((d) => console.log(d)); 

更多信息：https://angular.io/docs/ts/latest/guide/router.html#!#relative-navigation