如何擦除持久查询字符串

Question

我有一个显示分页列表的组件，它是查询字符串中标识的当前页面，如.../Listing?page=3。

此列表的第一个元素是一个锚点routeLink到组件，显示该行信息：

<a [routerLink]="['Item', item.id]" routerLinkActive="active">{{ item.id }}</a>

点击链接后，网址会更新为.../Listing/Item/11?page=3。

有没有办法在锚点中指定应该擦除查询字符串？

Answer 1

通过更改锚点以包含空对象作为查询字符串参数使页面消失。

<a [routerLink]="['Item', item.id]" routerLinkActive="active" [queryParams]="{}">{{ item.id }}</a>

生成网址.../.../Listing/Item/11