如何在角度分量中添加延迟

Question

我在模态对话框中有一个角度组件。当对话框关闭时，我想延迟模式对话框的关闭。

如何在关闭 Angular 组件之前在 Angular 组件内添加 5 秒的延迟？

Answer 1

您可以在使用的任何对话框中使用像"onClose"这样的事件处理程序，并在其中添加延迟，然后关闭模式。

"角度材料"对话框

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

Answer 2

延迟对话的一种方法是使用 timeOut，还可以将一些信息传递回模式对话框。

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