Access dynamic URL param in angular 6

Question

In my angular 7 code I'm trying to fetch the clientId passed in the URL. clientId will be dynamic.

localhost:4200/client/xyz

app.routing.ts

 {
  path: 'client/:clientId',
  component: AppComponent
 },

app.component.ts

constructor(private route: ActivatedRoute) { }

ngOnInit() {
   console.log(this.route.snapshot.paramMap.get('clientId'));
});

It prints null in the console

Is it Angular 6 or Angular 7? Question text and title say different. — João Mendes
– João Mendes, Commented May 22, 2019 at 14:06

Tony · Accepted Answer · 2019-05-22 14:04:09Z

3

You can get the route params using this method

this.route.params.subsribe(params => {
  console.log(params['clientId'])
});

or

this.activateRoute.snapshot.params['clientId']

PLease let me know if you still have problem

answered May 22, 2019 at 14:04

Tony

20.3k7 gold badges42 silver badges62 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

MonkeyScript · Accepted Answer · 2019-05-22 14:04:55Z

0

Use params instead of paramMap,

console.log(this.route.snapshot.params['clientId']);

answered May 22, 2019 at 14:04

MonkeyScript

5,1611 gold badge14 silver badges28 bronze badges