Angular Routing | Route Params | What is route Parameter | how to Implement | (Part - 9)
Angular from Scratch | Angular Tutorial (Part-1)
• Angular Tutorial for Beginners: Learn...
Learn Angular from Scratch | Angular Tutorial (Part-2)
• Angular Tutorial for Beginners: Learn...
Angular with Bootstrap | Use Bootstrap in Angular | Angular Tutorial (Part -3)
• Angular with Bootstrap | Use Bootstra...
How to Import and Use jQuery in Angular (Part-4)
• How to Import and Use jQuery in Angul...
Routing and Navigation in Angular | Angular Routes | RouterLink | RouterOutlet (Part-5)
• Routing and Navigation in Angular | A...
Angular Directives Tutorial | Types of Directives in Angular (Part - 6)
• Angular Directives Tutorial | Types o...
Angular Custom Directive (Part - 7)
• Angular Custom Directive | Angular Tu...
Component interaction | @Input() @Output() decorator & Event Emitter() in Angular (Part - 8)
• Component interaction | @Input() @Out...
Most Common issues/ errors in angular
• Most Common issues/ errors in angular
Bootstrap controls are not working in Angular | Stuck | jQuery version issue
• Bootstrap controls are not working in...
In this video, we are going to learn about route Parameters in angular.
1) Also we will cover, what are route parameter,
2) When we should use this and how we can implement this in angular.
3) How we can implement this in angular.
Definition
The route parameters correspond to the path variables you define in the route. The URL that matches the route provides the product-id(Specific Id).
Angular uses the product-id to display the details for each unique product.
It means, I can pass unique product id to product detail page, and on product details page we fetch the parameter value and perform our actions.
We should use this when we want to send value to another component while redirecting .
Below are the main code in order to achieve Route Params
constructor(private route: ActivatedRoute) { }
ngOnInit(): void {
this.route.paramMap.subscribe(function (paramMap) {
this.productId = paramMap.get('productId');
});
}
To understand about Routing in angular
• Routing and Navigation in Angular | A...
To understand about most common mistake in angular
• Most Common issues/ errors in angular
To understand about Input and Output decorators in angular
• Component interaction | @Input() @Out...
To understand about Custom Directive in angular
/ @mr.techiebar2399