如何在angular 7或css中单击outside/body后隐藏元素

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

export class YourComponent {
  isElementVisible: boolean = false;
}

export class YourComponent {
  isElementVisible: boolean = false;

  constructor(private elementRef: ElementRef) {}

  @HostListener('document:click', ['$event'])
  onClick(event: MouseEvent) {
    if (!this.elementRef.nativeElement.contains(event.target)) {
      this.isElementVisible = false;
    }
  }
}

<button (click)="isElementVisible = !isElementVisible">Toggle Element</button>

<div *ngIf="isElementVisible">
  <!-- 要隐藏的元素内容 -->
</div>

:not(.your-element-class) {
  display: none;
}