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，在提交时刷新页面而不关闭对话框。

相关内容

热门资讯

透视新版(wpk俱乐部)德扑人... 1、透视新版(wpk俱乐部)德扑人工智能软件(详细辅助2025版教程)真是真的是有挂；代表性（透视辅...
德州微扑克辅助！pokerma... 1、德州微扑克辅助！pokermastersteam外挂，（AApOKER）一向真的是有挂（详细透视...
透视中牌率(wepoke ai... 透视中牌率(wepoke ai辅助)wepoke软件透明挂是真的么(详细辅助教你攻略)确实存在有挂1...
wpk俱乐部！微扑克怎么加入俱... wpk俱乐部！微扑克怎么加入俱乐部，（aapOker）确实有挂（详细透视解密教程）1、很好的工具软件...
透视免费(wpk透视辅助)德州... 透视免费(wpk透视辅助)德州wpk辅助真的(详细辅助插件教程)一向是有挂；致您一封信；亲爱wpk透...
德州之星有外挂！wepower... 德州之星有外挂！wepower系统规律，（AAPOker）往昔有挂（详细辅助AI教程）1、不需要AI...
透视免费(wepoke真的有挂... 透视免费(wepoke真的有挂)德扑赔率胜率计算(详细辅助可靠教程)一向真的是有挂是一款可以让一直输...
wepoke辅助德之星！微扑克... 1、wepoke辅助德之星！微扑克发牌算法，（wPk）好像是有挂（详细辅助玩家教你）；详细教程。2、...
wpk发牌逻辑！德州wpk辅助... wpk发牌逻辑！德州wpk辅助，（wpK）从前有挂（详细辅助大神讲解）；致您一封信；亲爱wpk发牌逻...
透视科技(WePoKe透视挂)... 透视科技(WePoKe透视挂)wepoke显示有(详细辅助必胜教程)一直真的是有挂1、在WePoKe...