Тоже искал ответ на этот вопрос, но так и не нашел какого-то решения из коробки. Сделал в итоге так:
Роутинг:
const routes: Routes = [
{
path: 'category', component: LayoutShopComponent, children: [
{path: '**', component: CategoryListComponent},
]
},
];
В самом компоненте подписываюсь на изменение урла, и из урла уже достаю текущую категорию, что-то вроде этого:
constructor(
private route: ActivatedRoute
) {
route.url.subscribe((data) => {
this.child = data.map(value => value.path);
const arraySize = data.length;
if (arraySize > 0) {
this.parentSlug = data[arraySize - 1].path;
}
});
this.loadData();
}
И в html просто ходим по категориям:
<a routerLink="{{category.slug}}" class="text-body">{{category.name}}</a>
Возможно, есть более удачные решения, но найти не удалось.
Средний
Средний