Angular - добавить параметры в URL

Question

Я хотел бы добавить параметры к URL:

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

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

Когда у меня есть этот URL localhost/project/page его работа правильная. Но когда у меня есть URL localhost/project/page/id после добавления URL-адрес localhost/project/page/p1=..

Мне нужно сохранить параметр в URL и добавить новый. спасибо за советы

Answer 1

Когда вы нажимаете кнопку, вызываете метод, подобный приведенному ниже? Вот this.router является Router Например, введите его в свой компонент.

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

Answer 2

Вы можете отправить параметры в маршрутизации, как показано ниже -

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

Если вы хотите отправить его как query params отправь это так -

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