一種使用Angular Material選項卡更新Url的方法

Question

Angular 6使用Angular Material，顯示一個列表，使用制表符進入項目詳細信息“page”。

我的路線很簡單：

{
    path: '', component: CurrenciesComponent
}

我試過這樣的事情：

{
    path: 'currencies',
    canActivate: [AuthGuard],
    component: CurrenciesComponent,
    children: [
        { path: 'currencies/:id', component: CurrenciesDetailComponent }
    ]
}

我搜索找到一個解決方案，但沒有什么可以解決它。 也許這不可能使用Material Tabs？

Answer 1

要使用帶有路徑的選項卡模式，請使用mat-tab-nav-bar和mat-tab-link指令。 關於此問題的文檔不多： https ： //material.angular.io/components/tabs/overview#tabs-and-navigation 。