如何使用Angular8关闭基于外部单击的模式弹出窗口

import { Component, ElementRef, HostListener } from '@angular/core';

export class MyComponent {
  isPopupVisible: boolean = false;
}

<button (click)="togglePopup()">显示/隐藏弹出窗口</button>

export class MyComponent {
  // ...

  togglePopup() {
    this.isPopupVisible = !this.isPopupVisible;
  }
}

export class MyComponent {
  // ...

  @HostListener('document:click', ['$event'])
  onDocumentClick(event: MouseEvent) {
    const clickedElement = event.target as HTMLElement;
    if (!this.elementRef.nativeElement.contains(clickedElement)) {
      this.isPopupVisible = false;
    }
  }
}

<div *ngIf="isPopupVisible" class="popup">弹出窗口内容</div>