Get Path Variables and Query Parameters from a URL in Angular 2/4

Question

I have the following url ,

product/example/:example/example1/:example1?query1=:query1&query2=:query2

I want to get the values that is specified in the path and query parameters, I have tried this but it retrieves only the path variables not the query params

this.sub = this.route.params.subscribe(params => {
  this.example= params['example'];
  this.example1 = params['example1'];
  this.query1=params['query1'];
  this.query2=params['query2'];
});

Is there a way that I can get all 4 values ?

Fussel · Accepted Answer · 2018-03-23 06:57:12Z

5

I think the ActivatedRoutehas a property called queryParams, try subscribing to that and not to params. Example

answered Mar 23, 2018 at 6:57

Fussel

1,8651 gold badge10 silver badges28 bronze badges

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

Comments

S3D · Accepted Answer · 2022-10-30 09:41:23Z

3

constructor(private activatedRoute: ActivatedRoute) { }
    
  ngOnInit(): void {
    this.activatedRoute.params.subscribe(s => {
      console.log(s["id"])
    });

// Other way 
    console.log(this.activatedRoute.snapshot.paramMap.get('id'));

  }

edited Oct 30, 2022 at 9:41

S3D

1391 silver badge11 bronze badges

answered Mar 9, 2022 at 7:20

Madhuwantha Priyashan

514 bronze badges

Collectives™ on Stack Overflow

Get Path Variables and Query Parameters from a URL in Angular 2/4

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related