2017-07-31 25 views
-1

私のプロジェクトでは、私は編集、追加のために異なるモーダルを使います。私はModalを再利用して、いつも書き直す必要はありません。それ、どうやったら出来るの?モデルを再利用する最良の方法は何でしょうか。誰か私に例を与えることができますか?私は他の質問をチェックしましたが、私はそれらを正しく理解することができません。私は新しい角度に向かっている。どんな助けでも大歓迎です。角度2でモーダルを再利用する最良の方法

答えて

0

これにアプローチする最善の方法は、モーダルコンポーネントを作成することです。 このコンポーネントは、モーダルコードのみのテンプレートを持つ必要があり、コンテンツをコンポーネントの各インスタンスに渡すことができます。

いくつかのコンセプトが紛らわしいので、あなたが角度を覚えていないのであれば、https://angular.io/のチュートリアルに従うとよいかもしれません。 dialog.htmlで、その後

@Component({ 
    selector: 'my-dialog', 
    templateUrl: './dialog.html' 
}) 

:またhttps://angular.io/guide/component-interactionこの

コンポーネントがとして定義を持っている可能性が行う方法に関する詳細な情報を持っている

<div #container> 
    <ng-content></ng-content> 
</div> 

#containerは内、あなたのダイアログのコードを表し、あなたのダイアログは、コンポーネントのインスタンス内で使用しているコンテンツをどこにでも配置するよう指示する指示文<ng-content>です。次に、ダイアログを次のように使用します。

<my-dialog> 
    <p>this content will appear in the dialog</p> 
</my-dialog> 
+0

実例を参照できますか?私はそれを試したが、それは完全に動作していない。私はまだ少し混乱している。どのようにしてモーダルのデータターゲットを保持するのですか? – Prakash

関連する問題