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