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

相关内容

热门资讯

举措透视！wepoker游戏安... 举措透视！wepoker游戏安装教程，wepoker有辅助插件吗，第三方教程（有挂秘笈）-哔哩哔哩>...
发现透视"wepok... 发现透视"wepoker辅助工具好用吗"开挂(透视)辅助器(9分钟了解高科技教程)发现透视"wepo...
模块透视！hhpoker可以控... 【亲，hhpoker可以控制吗 这款游戏可以开挂的，确实是有挂的，很多玩家在这款hhpoker可以控...
实测透视"微扑克发牌... 实测透视"微扑克发牌机制详解"开挂(透视)辅助器(玩家亲测黑科技教程)实测透视"微扑克发牌机制详解"...
秘籍透视！wepoker可以透... >>您好：wepoker辅助器官方确实是有挂的，很多玩家在这款wepoker辅助器官方游戏中打牌都会...
正版透视"wepok... 正版透视"wepoker透视软件下载"开挂(透视)辅助软件(科技分享揭秘教程)正版透视"wepoke...
模块透视！pokemmo辅助官... wepoker模拟器哪个好用 无需打开直接搜索微信：136704302本司针对手游进行，选择我们的四...
曝光透视"微扑克辅助... 曝光透视"微扑克辅助期是干嘛的"开挂(透视)辅助工具(记者发布总结教程)曝光透视"微扑克辅助期是干嘛...
大纲透视！约局吧辅助脚本，aa... aapoker安装包怎么使用是一款可以让一直输的玩家，快速成为一个“必胜”的ai辅助神器，有需要的用...
必看透视"微扑克辅助... 必看透视"微扑克辅助器官网入口"开挂(透视)辅助脚本(今日公布必赢教程)必看透视"微扑克辅助器官网入...