javascript - Angular 路由器。如何使用不同的参数导航到当前 URL？

Question

我有一个 Angular 5 项目，用户在点击项目时导航到这样的路线。

my_domain/{account_id}/item/{item_id}/open/
my_domain/{account_id}/item/{item_id}/closed/
my_domain/{account_id}/item/{item_id}/snoozed/

用户应该能够更改 account_id 或 item_id。所以我希望能够仅更改参数(id)来重新加载页面。我怎样才能做到这一点？

Answer 1

Angular 8

在.component.ts
您可以使用当前 url 并放置参数来导航数组

this.router.navigate([this.router.url, 'open']);

或在 .component.html
您可以使用点作为 url "./youparam"的一部分 - 在本例中为 "./"== 当前 url

< a [routerLink]="['./open']">open</a>