Angular4 Ng2ModalWindow

Question

我已經使用Ng2ModalWindow在我的項目中顯示模式彈出。

我已經在模態中使用'componentSelector'顯示了一個組件（editComponent）。我在editComponent中有一個標有「更新」的按鈕。

在更新按鈕單擊上，我希望編輯組件的數據傳遞到打開窗口的位置。

這是如何實現的？

樣品：

父組件：

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

Answer 1

據Ng2ModalWindow文檔，你可以通過輸入列表中componentSelector引用的組件，使用屬性componentInputs。

所以，你可以傳遞一個回調像父組件上：

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

注意onEdited，在這種情況下，必須在editComponent公共財產。

參考：https://www.npmjs.com/package/ng2-modal-module#usage