角度 2 路由 |如何使路由器链接覆盖参数并在必要时添加参数

Question

我的路由如下所示：

name/lastname/:id

目前我的网址是：

name/lastname

我有一个锚点列表：

<ul>
  <li *ngFor="let item of list">
    <a [routerLink]="{item.id}"></a>
  </li>
</ul>

当我在锚点上单击一次时，我的 url 将更改为：

name/lastname/123

我的问题是，当我再次单击时，我想配置我正在更改现有参数，因为现在我得到以下内容：

name/lastname/123/123

Answer 1

这是在路由器链路中传递参数的最简单方法。

<a [routerLink]="['name/lastname', item.id]"></a>

如果在 rourter 配置中使用未声明的链接，则将附加 routerLink 参数中使用的值以结束当前路径。这就是为什么你得到像名字/姓氏/23/23这样的链接的原因