send EventEmitter from child component to parent component in ngBootstrap

Question

I want to pass a modal event from the child component to the modal's parent component, but i got an error " modalRf.componentInstance.confirmationEvent is not a function"

child Component: 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();
}

Parent Component

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();
           }
       }
   );
}

Didn't you add your `confirmationEvent` within selector ? eg: ` ` — Denuka, May 16 '19 at 10:43
Better to go through in [this](https://angular.io/guide/component-interaction) link to understand @Output. — Denuka, May 16 '19 at 10:50

score 0 · Answer 1 · answered May 16 '19 at 11:54

Despite the fact it is better to add the confirmationEventin the selector (see this answer), I think you can simply fix your code by removing the parenthesis after modalRf.componentInstance.confirmationEvent

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

send EventEmitter from child component to parent component in ngBootstrap

1 Answers1