モーダルポップアップのAngular 2ロードモジュール

Question

私はブートストラップで角度2を使用しています。私にはダッシュボードページがあります。ユーザーがダッシュボードページのリンクをクリックすると、新しいモジュールがモーダルポップアップに表示されます。これを達成する方法。アプリケーションのサイズが大きいので、角度のある遅延読み込み機能を使用したいと思います。事前

Answer 1

のおかげで私はあなたの質問が適切な答えのためのより詳細な情報を必要だと思います。

しかし、私はあなたが別のモジュールの内容にモーダルをロードしたい集まってきたものから。

これを達成するのは簡単です：

コンポーネントダッシュボード

コンポーネントBコンポーネントはダッシュボード上に表示した場合componentB

今、あなたのB成分であなたのモーダルコードを定義するセレクタを持っているべきコンポーネントAからのデータは、ちょうどあなたのコンポーネントの選択は、あなたのHTMLに追加し、モーダルウィンドウを呼び出すために、ボタン/リンク他の要素を使用してコンポーネントAは成分B

で@Input（）を使用する必要があります。

成分A HTML：

<a data-toggle="modal" data-target="#ModalWindowName">ok</a> 
<componentB></componentB> 

上記のコードは、名前ModalWindowNameと成分Bにモーダルをトリガします。

必要な場合は、交換値に入力と出力を使用してcomponentBと通信することができます。