一种使用角度材质选项卡更新网址的方法

Question

使用Angular Material的Angular 6，显示一个列表，使用选项卡在项目详细信息“页面”上进行。

我的路线很简单：

{
    path: '', component: CurrenciesComponent
}

我尝试过这样的事情：

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

我搜寻了一个解决方案，但没有解决方案。也许无法使用“材质”选项卡？

Answer 1

要对路由使用制表符模式，请使用mat-tab-nav-bar和mat-tab-link指令。关于此的文档不​​多：https://material.angular.io/components/tabs/overview#tabs-and-navigation。