Get URL parameters in Angular

Question

I'm trying the get the url parameters in angular i've tried

 ngOnInit() {   

   this.route.paramMap.subscribe(params => {
     console.log("test1",params)
}) 
//and
console.log("test2", this.route.snapshot.params)

 }
ngAfterViewInit(){


}

The response it get : enter image description here

Hi, have a look at [this] (stackoverflow.com/questions/45997369/…). Also can you provide how you pass the params? — Usr
– Usr, Commented Nov 11, 2019 at 15:07
The second log should be this.route.snapshot.paramMap instead of .params — Massimiliano Sartoretto
– Massimiliano Sartoretto, Commented Nov 11, 2019 at 15:41

Zee · Accepted Answer · 2019-11-11 15:14:22Z

1

constructor() {
    const query = new URLSearchParams(location.search);
    console.log(query.get('param_key')); // www.google.com?size=123 --- param_key is size here

}

Try out this and let me know if missing anything ... Happy coding ... :)

answered Nov 11, 2019 at 15:14

Zee

4833 silver badges11 bronze badges

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

1 Comment

Zee Over a year ago

@SoufianChaoui you are using the wrong key, check out this... this.route.queryParams.subscribe( params => { console.log(params[param_key]); } )

Kheder · Accepted Answer · 2019-11-11 18:43:51Z

0

Are you using ActivatedRouter class or Router class? When router is of class Router then this should work.

import { Router } from '@angular/router';

...
constructor(private router: Router) {
     this.router.params.subscribe(params => {
     console.log('my parameters: ', params);
    });
}

answered Nov 11, 2019 at 18:43

Kheder

2033 silver badges9 bronze badges

Collectives™ on Stack Overflow

Get URL parameters in Angular

2 Answers 2

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related