技術

[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.

関連記事

ブラウザでRailsのrouting設定を確認する

こんにちは Railsでroutingを確認する時、コマンドでrails rou …

Chrome開発者ツールの背景を黒にする

普段コーディングしている時は、背景黒の方が目に優しい気がするのでエディターの背景 …

画像生成マシーン「MakeGirlsMoe」の10連結果

女の子の萌え画像を作ってくれる「MakeGirlsMoe」なるものが作られたよう …

no image

【nginx】そうだ!Basic認証を掛けよう

どうも、中田です。 nginxでベーシック認証をかける方法です。 これからもよく …

no image

【Vagrant】はじめまして!はじめました!

どうも中田です。 仮想マシンと言えば、VMWare、EC2、VirtualBox …