技術

[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 を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

関連記事

[SSL] let’s encryptの更新でエラー?!

どうも中田です。 無料でSSL証明書が取得できる今日この頃、いかがお過ごしでしょ …

コマンド一つで「20190729」みたいなスラッシュなしの日付を入力したい!

こんにちは。たなかです。 Macで「きょう」と入力すると、今日の日付が予測変換さ …

no image

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

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

no image

BitbucketからGithubの移行で、しょうもなくハマる。

こんにちはー。コーテッグのこやまです。 コーテッグはずっとBitbucketを使 …

[Bitbucket] fatal: Could not read from remote repository.

どうも中田です こないだリモートリポジトリにPushできないんすけど〜という話を …