[Angular]複数のクエリパラメータを設定する

こんばんは

angularで複数のクエリパラメータを設定したいと思います。

componentからだと下記になります。

this.router.navigate(['/test'], { queryParams: { hoge: 1, foo: 'boo' } });

// test?hoge=1&foo=boo

htmlでrouterLinkを使った場合は下記になります。

<a [routerLink]="['/test']" [queryParams]="{ hoge: 1, foo: 'boo}">
test
</a>

// test?hoge=1&foo=boo

簡単ですね。