Angularのルーティングパスを介してデータを送信する 質問する

Angularのルーティングパスを介してデータを送信する 質問する

router.navigateでパラメータとしてデータを送る方法はありますか?つまり、次のようなものですこれたとえば、ルートにはデータ パラメータがあることがわかりますが、これを行うと機能しません。

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

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

ベストアンサー1

このトピックについては、非常に多くの異なる方法があるため、多くの混乱が生じています。

次のスクリーンショットで使用されている適切なタイプは次のとおりです。

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

おすすめ記事