技術

[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

簡単ですね。

-技術

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

This site uses Akismet to reduce spam. Learn how your comment data is processed.

関連記事

[AWS S3] This XML file does not appear to have any style information associated with it. The document tree is shown below.

はじめまして。田中です。 AWSを触りはじめてから1ヶ月ちょっと。七転び八起きな …

Google PolyをFusion360でお試し

Googleさんが公開した無料の3Dデータライブラリ Poly AR・VRアプリ …

GooglePlayConsoleで「製品版として公開を開始」がグレーアウトして押せない!

こんにちは。田中です。 携わっていたアプリ開発案件ですが、ついに最初のリリースが …

[Slack] スラッシュコマンドでamazon検索

Slackネタです。 amazonがSlackの買収を検討しているとかいないとか …

【ionic】バックボタンの文字だけ消す

どうも中田です。 今回はHTML5ハイブリッド開発でお馴染みのionicについて …