Как я могу сделать angular маршрутизация от дочернего к компоненту

Question

Я пытаюсь перейти к своему дочернему компоненту, но мой маршрутизатор не распознает данный маршрут.

маршрут выглядит следующим образом:

в файле маршрутизатора я определил что-то вроде этого:

const routes: Routes = [
{
    path: "",
    redirectTo: "products",
    component: StandardproductsComponent,
    pathMatch: "full",
    canActivate: [AuthorizedGuardService],
},
{
    path: "products",
    component: StandardproductsComponent,
    resolve: {
        loaded: StandardsResolver
    },
    children: [ 
        {
            path: ":productId/types",
            component: StandardtypesComponent,
            // resolve: {
            //     loaded: StandardTypesResolver
            // },
            // canActivate: [AuthorizedGuardService]
        }
    ]
}];

я не смогу сделать так, как кто-нибудь может помочь мне с этим, как сделать мой маршрут работоспособным. я хочу, чтобы маршрут был таким: v3 / products / {productId} / types

Answer 1

У вас есть 2 маршрута, которые указывают на одно и то же имя и один и тот же компонент

, попробуйте сделать следующее

const routes: Routes = [
    {
        path: "",
        redirectTo: "products",
        pathMatch: 'full'
    },
    {
        path: "products",
        component: StandardproductsComponent,
        resolve: {
            loaded: StandardsResolver
        },
        children: [
            {
                path: ":productId/types",
                component: StandardtypesComponent,
            }
        ]
    }
];

и, конечно, у StandardproductsComponent должно быть

<router-outlet></<router-outlet>

Надеюсь, это поможет!