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

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

Диалоговое окно 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()
    })
  }

См. также:  Подпроцесс Python.Popen + ffmpeg прерывает ввод терминала
Понравилась статья? Поделиться с друзьями:
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: :???: :?: :!:

We use cookies in order to give you the best possible experience on our website. By continuing to use this site, you agree to our use of cookies.
Accept
Privacy Policy