Angular4 Ng2ModalWindow

Question

私はプロジェクトでモーダルポップアップを表示するためにNg2ModalWindowを使用しました。

Iモーダル内部 'componentSelector' を使用して成分（editComponent）を表示しています。 editComponentに「更新」というラベルの付いたボタンがあります。

更新ボタンをクリックすると、の編集コンポーネントのデータを、ウィンドウを開いた場所からコンポーネントに渡します。

これはどのように達成できますか？

サンプル：

親コンポーネント：

Ng2ModalWindow.showModal(this.modalId, { 
     title: 'Modal', 
     customClass: 'modal-lg', 
     overlayClick: false, 
     componentSelector: 'editComponent' 
    }); 

Answer 1

Ng2ModalWindowドキュメントによると、あなたが財産componentInputsを使用して、componentSelectorで参照部品への入力のリストを渡すことができます。

だから、あなたは次のように親コンポーネントにコールバックを渡すことができます。onEditedが、この場合には、editComponentのパブリックプロパティである必要が

Ng2ModalWindow.showModal(this.modalId, { 
    ..., 
    componentSelector: 'editComponent', 
    componentInputs: { 
     onEdited: (data) => { ... } 
    } 
}); 

注意。

参考：迅速reply.Iためhttps://www.npmjs.com/package/ng2-modal-module#usage