Как добавить задержку в угловом компоненте?

Question

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

Как добавить задержку на 5 секунд внутри углового компонента перед его закрытием?

Answer 1

Один из способов отложить диалог - использовать timeOut, а также передать некоторую информацию обратно в модальный диалог.

    onCloseClickHandler(e: any): void {
       setTimeout(() => {
      this.dialogRef.close(e);
    }, 5000);
  }

Answer 2

Вы можете использовать обработчик событий, например «onClose», в любом диалоговом окне, которое вы используете, и добавить задержку в него, а затем закрыть модальное окно.

Диалог углового материала

 onNoClick(): void {
    setTimeout(()=>{
      this.dialogRef.close();
    },5000); 

  }