Способ обновления Url с помощью вкладок Angular Material

Question

Angular 6, используя Angular Material, отобразите список, используя вкладки, чтобы перейти на страницу сведений об элементе.

Мой маршрут прост:

{
    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.