Angular4 Ng2ModalWindow

Question

저는 프로젝트에서 모달 팝업을 표시하기 위해 Ng2ModalWindow를 사용했습니다.

은 내가 모달 내부에 '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