Angular 특정 영역 외 외부 영역 클릭 시 dropbox 닫기

 import {
  Component,
  HostListener,
  ElementRef,
} from '@angular/core';
 
  constructor(private outArea: ElementRef<HTMLDivElement>) {}


  @HostListener('document:mousedown', ['$event'])
  clickOut(event: any) {
    if (!this.outArea.nativeElement.contains(event.targat)) {
      this.isOpen = false;
      return;
    }
  }