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

Answer 1

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']}});
}