1. Go to src >> app >> and open app.routing.ts file and add routing like this:-<\/p>\n\n\n\n
{ path: 'about\/:keyword',component: AboutComponent }
<\/pre>\n\n\n\nFor Reference: https:\/\/angular.io\/guide\/router<\/a><\/p>\n\n\n\n 2. If you want to use this routing in component then go to src >> app >> and open component.ts file then do the followings:- <\/p>\n\n\n\n
a) Add the the routing at top of the file like this:<\/p>\n\n\n\n
import { Router} from '@angular\/router';
constructor(private router: Router){}<\/pre>\n\n\n\n b) Add in your desire component and add these line of code in your function:- For Example:-<\/p>\n\n\n\n
gotoAbout(){
this.router.navigate(['\/about'], { queryParams: { keyword: 'Test' } });
}
<\/pre>\n\n\n\n For Reference :- https:\/\/alligator.io\/angular\/query-parameters\/<\/a>
<\/p>\n