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>