永続的なクエリ文字列を消去するには

Question

ページングされたリストを表示するコンポーネントは、クエリ文字列で識別された現在のページ.../Listing?page=3のようなものです。

このリストの最初の要素は、その行の情報を表示するコンポーネントにrouteLinkとアンカーである：私はURLが.../Listing/Item/11?page=3に更新されたリンクをクリックすると

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

。

アンカーにクエリ文字列を消去するよう指定する方法はありますか？

Answer 1

空のオブジェクトをクエリ文字列パラメータとして含めるようにアンカーを変更すると、ページが表示されなくなります。

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

URLを生成.../.../Listing/Item/11