角度2で再利用可能なコンポーネントを作成

Question

ポップアップモーダルを表示する 'ログインコンポーネント'を作成したいと思います。 私はこのモーダルと呼ぶことができる私のアプリの上に多くの場所を持っていると考えてください。ダーティアプローチは何ですか？ 1.どこでも「ログインコンポーネント」を配置するには、どこでも同じものを使用します。 2.トップレベルのコンポーネントに配置し、何らかのイベントリスナで表示および非表示にします。

最初の方法では、コンポーネントをカプセル化して、必要なものを表示し、ライフサイクルを簡単に制御できるようにします。 2番目の方法で私は自分の繰り返しを避け、すべてのコンポーネントと呼んでいます。

ありがとうございました。

Answer 1

もっと良い方法は、それを一度どこかに配置し、オブザーバブルとの共有サービスを使用して、関心のあるすべてのコンポーネントがメッセージを送信できるようにすることです。

は、あなたがこののいずれかを実行する必要はありません。また、https://angular.io/docs/ts/latest/cookbook/component-communication.html#!#bidirectional-service

Answer 2

参照してください。 1つのログインコンポーネントを作成し、必要に応じていつでもリダイレクトするだけです。 自分を繰り返さないでください。 ユーザーのログインステータスを確認する方法があります。その後、ログインステータスが無効になるたびに、適切なメッセージでログインページにリダイレクトします。