отправить EventEmitter из дочернего компонента в родительский компонент в ngBootstrap

Question

Я хочу передать модальное событие из дочернего компонента в модальный родительский компонент, но я получил ошибку "modalRf.componentInstance.confirmationEvent не является функцией"

дочерний компонент: ModalTestComponent.ts

@Input() idModal: string;

@Input() titre: string;

@Input() message: string;

@Output() confirmationEvent = new EventEmitter<any>();

constructor(public activeModal: NgbActiveModal) {
}

public confirmer() {
   this.confirmationEvent.emit();
}

Родительский компонент

openActiviteModal() {
   const modalRf = this.modalService.open(ModalTestComponent, 'TestModalId');
   modalRf.componentInstance.titre = 'HELLO WORLD';
   modalRf.componentInstance.message = 'THANKS';
   modalRf.componentInstance.confirmationEvent().subscribe(
       res => {
           if (res && res !== '' && res !== undefined) {
               this.afterConfirmChangementActivite();
           }
       }
   );
}

Answer 1

Несмотря на то, что лучше добавить confirmationEvent в селектор (см. этот ответ ), я думаю, что вы можете просто исправить свой код, удалив скобки после modalRf.componentInstance.confirmationEvent

modalRf.componentInstance.confirmationEvent.subscribe(
   res => {
       if (res && res !== '' && res !== undefined) {
           this.afterConfirmChangementActivite();
       }
   }
);