Angularmat-dialog弹出两次
创始人
2024-10-28 06:31:16
0次

可能的原因是调用open方法时使用了双击事件或者在多个不同的地方同时调用了该方法。可以通过添加一个布尔值变量来避免重复弹出，或者将open方法放到一个较高的级别组件中调用，以确保只有一个实例存在。示例如下：

在 dialog 组件中添加 isOpen 变量：

export class DialogComponent {
  isOpen = false;

  constructor(private dialog: MatDialog) { }

  openDialog() {
    if (!this.isOpen) {
      this.isOpen = true;
      const dialogRef = this.dialog.open(DialogContentComponent);

      dialogRef.afterClosed().subscribe(() => {
        this.isOpen = false;
      });
    }
  }
}

这样就能避免重复弹出了。

上一篇：Angularmat-datepicker页面切换事件。

下一篇：Angularmat-dialog，在提交时刷新页面而不关闭对话框。

相关内容

热门资讯

黑科技ai代打(aa poke... 黑科技ai代打(aa poker有外挂吗)太嚣张了其实是有挂(透视)2025新版(2020已更新)(...
黑科技中牌率(aapoker德... 一、aapoker德州线上扑克辅助工具简介了解软件请加微：136704302aapoker德州线上扑...
黑科技美元局(微扑克ai辅助器... 黑科技美元局(微扑克ai辅助器)太夸张了本来真的有挂(透视)安装教程(2025已更新)(哔哩哔哩)1...
黑科技美元局(德州wepowe... 黑科技美元局(德州wepower辅助器)太无语了果然有挂(透视)透明挂教程(2020已更新)(哔哩哔...
黑科技安装(aapoker这个... 黑科技安装(aapoker这个软件靠谱吗)太实锤了素来真的有挂(透视)玩家教你(2025已更新)(哔...
黑科技规律(wepower有辅... 黑科技规律(wepower有辅助软件吗)太坑了总是是有挂(透视)wpk教程(2025已更新)(哔哩哔...
黑科技能赢(wepoke黑科技... 1、黑科技能赢(wepoke黑科技功能)太坑了真是是有挂(透视)大神讲解(2025已更新)(哔哩哔哩...
黑科技挂(微扑克透牌)太夸张了... 黑科技挂(微扑克透牌)太夸张了确实真的有挂(透视)力荐教程(2020已更新)(哔哩哔哩)是一款可以让...
黑科技辅助挂(德州之星透牌器)... 黑科技辅助挂(德州之星透牌器)太无语了其实是真的有挂(透视)扑克教程(2020已更新)(哔哩哔哩)1...
黑科技真的(红龙扑克辅助器下载... 1、黑科技真的(红龙扑克辅助器下载)太离谱了切实存在有挂(透视)wpk教程(2024已更新)(哔哩哔...