Angular

Question

我想将参数附加到 url:

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

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

当我有这个 url localhost/project/page 它的工作正常。但是当我在附加 url 之后有 url localhost/project/page/id 是 localhost/project/page/p1=..

我需要保留 url 中的参数并添加新参数。感谢您的建议

Answer 1

你可以像下面这样在路由中发送参数 -

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

如果您希望以 query params 的形式发送，请像这样发送 -

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

Answer 2

当你点击按钮时，调用如下方法？这里 this.router 是 Router 实例，将其注入到您的组件中。

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

Angular - 将参数附加到 URL