~Linux、MySQLからAJAXまでAngular2でNavigationEndイベントを使ってflashメッセージ表示フォームでデータ送信後に別のページに遷移する際、遷移直後のみ完了メッセージを表示(flashメッセージ)するサンプルを作成しました。※Angular2の2.0.0版、TypeScriptを使って確認したものです。(デモはv4.4.3、v2.0.0で動作確認)※目次をクリックすると目次の下部にコンテンツが表示されます。・flashメッセージを”FlashService”というサービスで保持。複数のコンポーネントから共用してアクセス。・”_queue”配列にflashメッセージを保持。・submitメソッドで”_queue”配列にメッセージpush。・shiftメソッドで”_queue”配列から”_currentMessage”変数にメッセージ取り出し。・getメソッドでコンポーネットがメッセージ取得。・送信メッセージをサービス経由で”_queue”配列に保持。・”Page”ビューにルート遷移。このとき、ルート遷移が成功すると上記1のNavigationEndイベントが処理され、登録されたメッセージが表示される。{this._flashService.submit(‘テストメッセージ送信’);this._router.navigate([‘/page’]);}再度ルート遷移を行うと”_queue”配列は空になっているので、flashメッセージは表示されない。・NgIfディレクティブを使って、値を取得できる場合のみ表示。・Bootstrapの”bg-success”クラスを使って背景色をスタイル。コメントをキャンセルメールアドレスが公開されることはありません。コメントデータの処理方法の詳細はこちらをご覧ください。