how can i do angular routing to child to component

Question

i am trying to navigate to my child defined component but my router is not recognizing the given route.

route is like as follow :

in Router file i have defined something like this:

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

i won't able to do so like this way can anyone help me with this how can make my route workable. i want to have route like this : v3/products/{productId}/types

Where does the v3 in your example route get defined?

Kurt Hamilton
– Kurt Hamilton

2020-03-09 15:34:03 +00:00
Commented Mar 9, 2020 at 15:34 — Kurt Hamilton
– Kurt Hamilton, Commented Mar 9, 2020 at 15:34
where is you <router-outlet></router-outlet>?

Ben Ari Kutai
– Ben Ari Kutai

2020-03-09 15:54:10 +00:00
Commented Mar 9, 2020 at 15:54 — Ben Ari Kutai
– Ben Ari Kutai, Commented Mar 9, 2020 at 15:54

Ben Ari Kutai · Accepted Answer · 2020-03-09 15:56:30Z

2

You have 2 routes that points to the same name & same component

try doing the following

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

and of course that StandardproductsComponent must have

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

Hope this helps!

answered Mar 9, 2020 at 15:56

Ben Ari Kutai

5694 silver badges9 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

song feast Over a year ago

thanks but i missed that i should not make (standardtypescomponent) as child component as i dont want standardproductscomponent to be persist along with other component hence i am using regular routing instead of child routing.

Collectives™ on Stack Overflow

how can i do angular routing to child to component

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related