Error in routing in angular ver. 2+ ?

Question

I was creating a routing, without children it was working fine, but when i added children then it generates an error, please look into code :

{path:'', redirectTo:'/students', pathMatch:'full'},
{
path:'students',
component:StudentsComponent,
children:[
{path:'',component:StudentStartComponent},
{path:':id',component:StudentDetailComponent},
{path:':id/edit',component:StudentEditComponent}
{path:'new',component:StudentEditComponent},
]
},
{path:'subjects-list', component:SubjectsListComponent},

But in the above code, i have an issue "cannot read property studentId".

Mahesh Verma · Answer

Hello Komal, According to my point of view, there is a problem in children block, look when you pass data inside it like ":id or :id/edit" it is called dynamic data pass into URL, so, these two always kept in the end after static data like: {path: '' , redirectTo: '/students' , pathMatch: 'full' }, { path: 'students' , component:StudentsComponent, children:[ {path: '' ,component:StudentStartComponent}, {path: 'new' ,component:StudentEditComponent}, {path: ':id' ,component:StudentDetailComponent}, {path: ':id/edit' ,component:StudentEditComponent} ] }, {path: 'subjects-list' , component:SubjectsListComponent}, Please try this and update to me.

Komal Sharma · Answer

Thanks Mahesh Sir, its working, I just change the order inside the children as you mentioned.

Komal Sharma · Answer

Hello Manav, thanks a lot, but i study somewhere,if you create children like that then it automatically add take url from parent like "students/id" and I also passed the required data.

Manav Pandya · Answer

Hello You have not provided url that you are passing with studentid Problem may be with studentid which is null, so error can be of null value Provide sufficient data Thanks