Параметризованная маршрутизация на /

Question

У меня есть два типа категорий: MasterCategory и Category.

1. Пользователь может выполнить поиск по любой главной категории по URL-адресу, и он получит подробную информацию об этой главной категории:

   www.xyzabc.com/nameOfMasterCategory

2. На странице сведений об основной категории будет несколько категорий, связанных с основной категорией.Когда пользователь нажимает на любой из них, URL должен выглядеть следующим образом:

   www.xyzabc.com/nameOfMasterCategory/nameOfCategory

Я знаю, что это можно сделать, указав путь к категории в маршрутизации, используяребенок пойдёт.Например,

www.xyzabc.com/category/nameOfMasterCategory/nameOfCategory

Но я хочу, чтобы он работал с / без префикса любой жестко закодированной категории. Например:

www.xyzabc.com/category/nameOfMasterCategory/nameOfCategory

Пример:

https://www.sulekha.com/austria-education-consultants/kota

Как создать для этого маршрутизацию?

Answer 1

Нечто подобное должно работать у вас

const routes: Routes = [
    {
        path: ':masterCategory',
        component: MasterCategoryComponent
     },
     {
        path: ':masterCategory/:childCategory',
        component: ChildCategoryComponent
     }
]

Или использовать вложенный маршрут

const routes: Routes = [
    {
        path: ':masterCategory',
        component: MasterCategoryComponent,
        children: [
            {
                path: ':childCategory',
                component: ChildCategoryComponent
             }
        ]
    }
]