how to set query params in the route angular code example
Example 1: angular router with wuery param
goProducts() {
this.router.navigate(['/products'], { queryParams: { order: 'popular' } });
}
http://localhost:4200/products?order=popular
constructor(private route: ActivatedRoute) { }
ngOnInit() {
this.route.queryParams
.filter(params => params.order)
.subscribe(params => {
console.log(params);
this.order = params.order;
console.log(this.order);
}
);
}
Example 2: angular set url parameters
<a href="javascript:;" routerLink="/link/params">
My link
</a>
{path: '/link/:paramsName', component: MyComponent }