It is actually very simple as you can directly subscribe to the @Output events of the component opened as modal’s content:
export class NgbdModalComponent {
constructor(private modalService: NgbModal) {}
open() {
const modalRef = this.modalService.open(NgbdModalContent);
modalRef.componentInstance.name="World";
modalRef.componentInstance.clickevent.subscribe(($e) => {
console.log($e);
})
}
}
Here is a working plunker: http://plnkr.co/edit/rMJ7qfSSLK0oHspIJbDB?p=preview
Side note: I’m not sure what is your exact use case but the answer to Event emitter from bootstrap modal to parent shows preferred method of communication between modal opener and a component used as a modal’s content.