如何关闭angular 7中另一个组件的模式？

<app-modal *ngIf="isModalOpen"></app-modal>

import { Component, Output, EventEmitter } from '@angular/core';

@Component({
  selector: 'app-modal',
  template: `
    <!-- 模态框内容 -->
    <div class="modal">
      <!-- 模态框关闭按钮 -->
      <button (click)="closeModal()">关闭</button>
    </div>
  `,
})
export class ModalComponent {
  @Output() closeModalEvent = new EventEmitter();

  closeModal() {
    this.closeModalEvent.emit();
  }
}

import { Component } from '@angular/core';

@Component({
  selector: 'app-parent',
  template: `
    <!-- 父组件内容 -->
    <button (click)="openModal()">打开模态框</button>
    <app-modal (closeModalEvent)="closeModal()"></app-modal>
  `,
})
export class ParentComponent {
  isModalOpen: boolean = false;

  openModal() {
    this.isModalOpen = true;
  }

  closeModal() {
    this.isModalOpen = false;
  }
}