[解決済み】ルーターリンクでクエリパラメータを渡す方法
2022-04-02 05:02:24
質問
クエリパラメータを渡したい
prop=xxx
.
これはうまくいきませんでした
<a [routerLink]="['/somepath', {queryParams: {prop: 'xxx'}}]">
Somewhere
</a>
解決方法は?
queryParams
queryParams
の別の入力です。
routerLink
のように渡すことができます。
<a [routerLink]="['../']" [queryParams]="{prop: 'xxx'}">Somewhere</a>
fragment
<a [routerLink]="['../']" [queryParams]="{prop: 'xxx'}" [fragment]="yyy">Somewhere</a>
routerLinkActiveOptions
親ルートのアクティブクラスも取得する。
[routerLinkActiveOptions]="{ exact: false }"
にクエリパラメータを渡すには
this.router.navigate(...)
使用
let navigationExtras: NavigationExtras = {
queryParams: { 'session_id': sessionId },
fragment: 'anchor'
};
// Navigate to the login page with extras
this.router.navigate(['/login'], navigationExtras);
参照 https://angular.io/guide/router#query-parameters-and-fragments
関連
-
[解決済み】Angular: オブジェクトをサポートしているdiffが見つからない '[object Object]'
-
[解決済み】angularでpreflightのレスポンスがHTTP okステータスにならない。
-
[解決済み] 未定義のプロパティ 'filter' を読み取ることができません。
-
[解決済み] エラーです。複数のモジュールがマッチしました。skip-import オプションを使用して、最も近いモジュールへのコンポーネントのインポートをスキップしてください。
-
[解決済み] typescriptを使用して、同じhtml DOM要素で「シングルクリック」と「ダブルクリック」を処理する方法:Angular 2または4?
-
[解決済み] コンポーネントは2つのモジュールの宣言に含まれる
-
[解決済み] 現在のルートを取得する方法
-
[解決済み] 最後のページに戻るには
-
[解決済み】URL内のどこかにあるパラメータをルータリンクに渡すには?
-
[解決済み】Angularでルーティングパスを通してデータを送信する
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】 node_modules/rxjs/internal/types.d.ts(81,44): エラー TS1005: ';' Angular 6のインストール後に予想されたエラー
-
[解決済み】angularでpreflightのレスポンスがHTTP okステータスにならない。
-
[解決済み] エラーです。複数のモジュールがマッチしました。skip-import オプションを使用して、最も近いモジュールへのコンポーネントのインポートをスキップしてください。
-
[解決済み] イオン4オブザーバブル
-
[解決済み] このメソッドをリファクタリングして、認知的複雑度を21から許容される15に下げます。リファクタリングして複雑さを軽減する方法
-
[解決済み] Angularで電話番号の入力をフォーマットする
-
[解決済み] ローカルホストが私のアンギュラーアプリに対して無効な応答を送信しました。
-
[解決済み] AngularでKendo Tabstripのタブを閉じるボタンを実装する方法
-
[解決済み] ルーターリンク]と[ルーターリンク]の違いについて
-
[解決済み] Angular 2でurlからクエリパラメータを取得する方法は?