一种使用 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 标签？

Answer 1

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

一种使用 Angular Material 标签更新 Url 的方法

A way to update Url with Angular Material Tabs

angular-material

angular

angular-router