Unable to get Id by routing in Angular 4

Reena Lakra

Hello,

I didn't get student id in my ts file by routing,

Student.html file contains :

Student.component.ts file :

Routing file contains

4 Replies

Know the answer? Post it — somebody with the same question will find it here.

Mahesh Verma8y ago
Accepted answer
Hi Reena,

Please change StudId to id in your component.ts file and routing file, like,
In your student.component.ts file
this._activatedRoute.params.subscribe(params => {
        this.studentId = +params['id'];   //+ is used to convert string to number
});
in your routing file :
{path:'students/:id',component:StudentComponent}
+2
Reena Lakra8y ago
Thanks a lot Mahesh Verma and Manav Pandya for help me out.

Actually, i did it the way mahesh said, but i also checked it out with Manav's method, both are right.
+1
Ronika Jency8y ago
Student.component.ts file :

Instead of html navigate you can go with ts file

this.router.navigate(["/students/" + record.ID])
0
Manav Pandya8y ago
Hello

Parameter will always be in small case [as per my knowledge]

So always use small case , in your case you have used StudId , try to change it

Otherwise code looks fine

Change it to :
// This code is fine



<table>

  <tr><th>IDth><th>Nameth><th>Ageth>tr>

  <tr *ngFor="let record of StudentList">

    <td><a [routerLink]="['/students',record.ID]">{{record.ID}}a>td>

    <td>{{record.Name}}td>

    <td>{{record.Age}}td>

  tr>

table>

And id column can be nullable like below :
{

   path:'students/:studid' , component:StudentComponent

}

Convert it to number after that :
this.studentId = +params['studid'];// which previously in form of string
Thanks
+2