/上的参数化路由

Question

我有两种类别：MasterCategory和Category。

1. 用户可以通过URL搜索任何主类别，他将获得该MasterCategory的详细信息：

   www.xyzabc.com/nameOfMasterCategory

2. 在“主类别”的详细信息页面中，将有多个与“主类别”相关联的类别。当用户点击其中任何一个时，网址应变为：

   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
             }
        ]
    }
]