Как вызвать функцию, когда пользователь щелкает за пределами диалогового окна

У меня есть диалоговое окно с предупреждением, и у меня есть кнопка с надписью Получил, чтобы отключить диалоговое окно с предупреждением, чтобы он перестал отображаться, когда пользователь повторно посещает сайт.

Диалоговое окно My Alert также закрывается, когда пользователь щелкает за пределами диалогового окна, поэтому мне интересно, как применить указанное выше действие, когда пользователь щелкает за пределами диалогового окна, чтобы закрыть диалоговое окно предупреждения и перестать отображаться, когда пользователь повторно посещает сайт.

так вот что я пытаюсь сделать

Пользователь щелкает за пределами диалогового окна предупреждения — ›закрыть диалоговое окно предупреждения -› деактивировать диалоговое окно предупреждения (вызов функции gotIt ())

Диалоговое окно HTMl

        <button mat-raised-button color="primary" [style.marginRight.px]="20" (click)="gotIt()" matTooltip="Close">Got
            it!</button>


  gotIt() {
    for (let index = 0; index < this.notifications.length; index++) {
      const notification = this.notifications[index];
      if (notification && notification.userNotification) {
        notification.userNotification.isDismissed = 1;
        notification.userNotification.isUnread = 0;
      }
    }
    this.notificationService.updateUserNotification(this.notifications).subscribe((response: any) => {
      this.dialogRef.close()
    })
  }

См. также:  Как выполнить тихое обновление через неявный поток в Angular?
Понравилась статья? Поделиться с друзьями:
IT Шеф
Комментарии: 1
  1. Aase Zi

    Вы можете просто использовать hostListener, чтобы прослушать подобное событие

     @HostListener('document:click', ['$event']) click($event){
        // here you can hide your menu
        this.dialogRef.close();
      }
    
Добавить комментарий

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: