How to make infinitely nested child routes in Angular 2?

Question

Angular

Hello!
Please tell me how to implement infinitely nested routes in Angular 2 so that the route would look like this: "/api/categories/1/3/7...etc"
Is it even possible to do this? Prompt in what direction to dig?
Thanks in advance!

Answer 1

something like this

{
        path: 'profile', component: ProfileView, canActivate: [AuthGuard],
        children: [
            {path: 'suppliers', component: ProfileSuppliersView},
            {path: 'main', component: ProfileMainView},
            {path: 'bonus', component: ProfileBonusView,
                children: [
                    {path: 'main', component: BonusMainView},
                    {path: 'refs', component: BonusRefsView},
                    {path: 'earning', component: BonusEarningView}
                ]
            },
            {path: 'account', component: ProfileAccountView},
            {path: 'pref', component: ProfilePrefView}
        ]
    },