Angular - append params to URL

Question

I would like to append parameters to url:

 let params = [];
 params["p1"] = "value1";
 params["p2"] = "value2";

this.location.go(this.router.createUrlTree([this.data]).toString());

When I have this url localhost/project/page its work correct. But when I have url localhost/project/page/id after append url is localhost/project/page/p1=..

I need to keep the parameter in url and add the new one. thanks for advices

Ashish Ranjan · Accepted Answer · 2018-06-06 11:36:33Z

2

When you click the button, call a method like the one below? Here this.router is Router instance, inject it in your component.

onClick(params) {
    this.router.navigate(['project', 'page', {id : id}], {queryParams: {p1: params['p1'], p2: params['p2']}});
}

edited Jun 6, 2018 at 11:36

answered Jun 6, 2018 at 10:23

Ashish Ranjan

13k5 gold badges32 silver badges53 bronze badges

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

3 Comments

bluray Over a year ago

Thanks but I think, this updates my page. I dont want it. does the id stay in the url?

Ashish Ranjan Over a year ago

If there is an id add the variable under the navigate method.

bluray Over a year ago

Ok but sometimes I dont have id in url.

Pardeep Jain · Accepted Answer · 2018-06-06 09:44:48Z

0

You can send params in the routing like below -

[routerLink]="['project/page','params']"

If you wish to send it as query params send it like this -

<a [routerLink]="['project/page']" [queryParams]="{ page: 99 }">Your caption</a>

answered Jun 6, 2018 at 9:44

Pardeep Jain

86.9k38 gold badges172 silver badges220 bronze badges

1 Comment

bluray Over a year ago

I can not use this. I would like to add param to url after click for button and I can not redirect page.

Collectives™ on Stack Overflow

Angular - append params to URL

2 Answers 2

3 Comments

1 Comment

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

1 Comment

Linked

Related