技術

[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

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

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

関連記事

no image

【Grunt】楽々デプロイ(grunt-rsync)

どうも、中田です。 gruntでアプリをデプロイするときにどうやったらいいかぁ〜 …

no image

TypescriptでMap使用時にコンパイルエラー

こんにちは 連想配列で重複を省く処理をしたい時にMapを使用することがあります。 …

wgetコマンドで指定のサイトをダウンロードしてみる。

wgetコマンドって? 下記の形式のコマンドを叩くと、指定のURLからファイルを …

[Xcode]Provisioning Profileの中身を確認する方法

こんにちは。たなかです。 以前『[Xcode]Provisioning Prof …

[ Ionic ] A problem occurred evaluating project ‘:app’. > Failed to apply plugin [class ‘com.google.gms.googleservices.GoogleServicesPlugin’] > For input string: “+”

こんにちは。たなかです。 相変わらずモバイルアプリ開発やっています。 先日、Io …