1. ホーム
  2. アンギュラー

[解決済み】Angularでルーティングパスを通してデータを送信する

2022-04-17 16:27:02

質問

router.navigateでパラメータとしてデータを送信する方法はありますか? つまり、以下のようなものです。 これ の例では、ルートがデータパラメータを持っていることがわかりますが、このようにするとうまくいきません。

this.router.navigate(["heroes"], {some-data: "othrData"})

というのも、some-data は有効なパラメータではないためです。どうすればいいのでしょうか?私はqueryParamsでパラメータを送信したくありません。

解決方法を教えてください。

このテーマについては、さまざまな方法があるため、混乱しています。

以下のスクリーンショットで使用されている適切なタイプを紹介します。

private route: ActivatedRoute
private router: Router

1) 必要なルーティングパラメータ。

2) ルートオプションパラメータ。

3) ルートクエリパラメータ。

4) サービスを使用して、ルートパラメータを全く使用せずに、あるコンポーネントから別のコンポーネントにデータを渡すことができます。

例として、以下を参照してください。 https://blogs.msmvps.com/deborahk/build-a-simple-angular-service-to-share-data/

ここにこれのプランクを用意しています。 https://plnkr.co/edit/KT4JLmpcwGBM2xdZQeI9?p=preview