Сбросить дочерний angular компонент, вызванный из родительского компонента, который является модальным окном

Question

У меня есть angular дочерний компонент, родительским компонентом которого является модальное окно (я использую ngx-smart-modal для реализации модалов). Когда модальное окно закрывается с использованием метода:

this.ngxSmartModalService.getModal('ModalNameComponent').close();

, фактически модальное окно не уничтожается, а просто становится скрытым. Как я могу уведомить дочерний компонент, что модал был закрыт. У кого-нибудь есть идеи? Заранее спасибо!

Answer 1

Способ, которым я делаю это в моих модальных моделях с другой внешней библиотекой, заключается в том, чтобы создать дочерний генератор событий, к которому привязывается родительский объект. (Это чистый Angular, и не имеет ничего общего с внешней библиотекой).

export class ChildComponent {
  @Output() close: EventEmitter<void> = new Event<Emitter>();

  // method is called from the child - maybe from a button click in your html
  onClose(): void {
    this.close.emit();
  }
}

Родитель:

<app-child-component *ngIf="showModal" (close)="showModal=false">
</app-child-component>