角2如何从嵌套组件中气泡事件

Question

我有：

<modal
  #forgotPasswordModal
  [viewModel]="forgotPasswordModalVm"
  (cancelled)="onForgotPasswordModalCancelled($event)"
  (saved)="onForgotPasswordModalSaved($event)">
  <forgot-password></forgot-password>
</modal>

一旦忘记密码表单完成，我需要它通过在上面的父模式组件上调用close()来关闭这个模式。我可以用EventEmitter触发事件，但是如何在父容器上接收它呢？我不想在模态组件中使用任何特定于忘记密码的日志，也不想使用通用事件服务。

Answer 1

<modal
  #forgotPasswordModal
  [viewModel]="forgotPasswordModalVm"
  (cancelled)="onForgotPasswordModalCancelled($event)"
  (saved)="onForgotPasswordModalSaved($event)">
  <forgot-password (close)="onModalClose()"></forgot-password>
</modal>

export class ForgotPasswordComponent {
  @Output() close:EventEmitter = new EventEmitter();

  // execute when the modal should be closed
  onComplete() {
    this.close.emit(null);
  }
}