angular - routerLink ディレクティブでクエリパラメータを指定するにはどうすればよいですか

Question

新しいルーター (バージョン 3.0.0-alpha.7) を試していますが、routerLink ディレクティブでクエリパラメータを指定する方法を知りたいですか?

this.router.navigate(['/component-a'], {queryParams: {x: 1}});

ただし、routerLink ディレクティブで同じことを行う方法がわかりません。以下のようなテンプレートは、パーサーエラーを返します...

<a [routerLink]="['/component-a'], {queryParams: {x: 1}}">Component A</a>

そして、取得できる最も近いものはhttp://localhost:3000/component-a;x=1で、子ルートの構文を使用します。

<a [routerLink]="['/component-a', {x:1}]">Component A</a>

score 16 · Accepted Answer

このようなことができます

<a [routerLink]="['/component-a']" [queryParams]="{x: 1}">Component A</a>

score -1 · Accepted Answer

新しいルーターコンポーネントでは、次の方法でそれを行うことができます。

URL でパラメーターを渡す:

<a [routerLink]="['/component-a', 1]">Component A</a>

e クエリパラメータを渡す:

<a [routerLink]="['/component-a', { x: 1 }]">Crisis Center</a>

angular - routerLink ディレクティブでクエリ パラメータを指定するにはどうすればよいですか