angular - 如何控制打开多个对话框

标签 angular dialog angular-material

我使用 Angular Material UI 在 Angular 2 中创建了模态对话框。 应用程序有两个按钮,当我们单击任何按钮时,对话框应该打开。我可以在单击按钮时打开模式对话框,但是当我们连续单击按钮时会打开多个对话框。 我们如何才能只打开一个对话框并限制应用打开另一个对话框(如果已经存在)。

下面是APP链接

Angular 2 App

最佳答案

if(this.dialog.openDialogs.length==0){
   dialogRef = this.dialog.open(ModalComponent, {
    // disableClose: true  
  });

这对于删除多个打开的对话框很有用

关于angular - 如何控制打开多个对话框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45952470/

相关文章:

javascript - puppeteer 师卡在弹出窗口上

angular - "mat-form-field"和 "mat-input-container"有什么区别

angular - 强制带有工具栏的 Angular Material 侧导航容器填充高度

javascript - 使用nodejs和cointicker将数据保存到json

javascript - 错误 : property 'subscribe' does not exist on type 'OperatorFunction<{}, {} |可观察<任意>>

Android:时间选择器和日期选择器在同一个对话框中

angular-material - Angular Material 2 数据表设置为主 - 细节 View ?

css - 选择选项时,元素符号点出现在多选下拉框下方

Angular hash 和 path 策略一起——混合模式

dialog - Dynamics CRM 2011 - 在对话框中输入美元金额 - 使用 float