Angular route params

In this video we will discuss creating a route with parameters and activating the route. Healthy diet is very important for both body and mind. We want to inspire you to cook and eat healthy. If you like Aarvi Kitchen recipes, please support by sharing, subscribing and liking.    / @aarvikitchen5572   Create a route with parameters : To create a route with parameter include a FORWARD SLASH, a COLON and a place holder for the parameter. The example below, creates a route with parameter id. { path: 'employees/:id', component: EmployeeDetailsComponent } You can have more than one parameter in a route. The following route definition creates a route with 2 parameters - id and name. { path: 'employees/:id/:name', component: EmployeeDetailsComponent } Activating the route with parameters : One way to activate the route is by using the routerLink directive. <a [routerLink]="['employees',2]"> Get Employee with Id 2 </a> Code Explanation: Notice in this example we are binding routerLink directive to an array. This array is called link parameters array. The first element in the array is the path of the route to the destination component. The second element in the array is the route parameter, in our case the employee Id. Another way to activate the route is by using the Angular Router service naviaget() method. Notice to the navigate method also we are passing the same link parameter array. constructor(private _router: Router) { } onClick(employeeId: number) { this._router.navigate(['/employees', employeeId]); } Text version of the video http://csharp-video-tutorials.blogspo... Slides http://csharp-video-tutorials.blogspo... Angular CRUD Tutorial    • Angular CRUD tutorial   Angular CRUD Tutorial Text Articles & Slides http://csharp-video-tutorials.blogspo... All Dot Net and SQL Server Tutorials in English https://www.youtube.com/user/kudvenka... All Dot Net and SQL Server Tutorials in Arabic    / kudvenkatarabic