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
https://www.youtube.com/playlist?list...
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
https://www.youtube.com/c/KudvenkatAr...
asp.net core docker Angular route params | |
133 Likes | 133 Dislikes |
21,662 views views | 524K followers |
Science & Technology | Upload TimePublished on 9 Apr 2018 |
Related keywords
tutorialspoint,webkinz,tutorials dojo,central park 5,webadvisor,asp.net core github,craigslist nj,asp.net core 3,server status,server jobs nyc,asp.net core swagger,weber grill parts,credit karma,services group,webtoon,tutorials by hugo,server error in '/' application,servers for minecraft,asp.net core dependency injection,services windows,asp.net core 3.0,tutorialspoint c#,services angular,calculator,tutorialspoint tableau,services google play apk,asp.net core 3 release date,server job description,tutorials by a,servicenow,webcam,webmd symptom,tutorialspoint python,services briefcase,asp.net core web api,craigslist ny,server pro,server status ffxiv,webcrims,cheap flights,server memes,asp.net core hosting,services sas,services online,chase,tutorialspoint java,serverless architecture,tutorialspoint java compiler,server resume,server books,tutorialspoint javascript,webmd,services technologies gps,college football,server jobs,cvs,website,cnn,website builder,costco hours,tutorialspoint sql,server side rendering,weber grills,tutorialspoint spring,serverless,tutorialspoint spark,asp.net core download,cool math games,webster bank,services & training hse colombia sas,servicestack,citibank,asp.net core identity,webstaurant,asp.net core logging,tutorialsystems,cunyfirst,services fms publish announcement,services.msc no abre,asp.net core razor pages,server duties,asp.net core environment variables,tutorials near me,server 2019,web of dreams,chernobyl,century 21,serverminer,webassign,services consultores,services consulting,services.msc,asp.net core configuration,asp.net core tutorial,asp.net core mvc,server hosting,chase online,costco,server jobs near me,webex,capital one,server rack,tutorialspoint html,craigslist,tutorialsteacher,webroot,tutorialspoint reactjs,asp.net core 2.2,services desk,tutorialspoint python 3,webster,services transmission company sas,asp.net core signalr,services manager,tutorialspoint spring boot,asp.net core middleware,services tag dell,web store,webmail,
Không có nhận xét nào:
Đăng nhận xét