Angular对话框:如何根据状态使按钮打开或关闭
创始人
2024-10-24 15:31:38
0

为了根据状态在Angular对话框中使按钮打开或关闭,我们需要使用DialogRef并在template中添加ngIf指令。以下是步骤:

1.在dialog component中,注入DialogRef。

import { Component, OnInit, Inject } from '@angular/core';
import { MAT_DIALOG_DATA, MatDialogRef } from "@angular/material/dialog";

@Component({
  selector: 'app-dialog-example',
  templateUrl: './dialog-example.component.html',
  styleUrls: ['./dialog-example.component.css']
})
export class DialogExampleComponent implements OnInit {
  //injecting DialogRef
  constructor(public dialogRef: MatDialogRef) { }

  ngOnInit() {
  }

}

2.在template中,使用DialogRef访问传递给Dialog的数据,并设置标志以在根据状态打开或关闭按钮。在这里,我使用data中的isOpen标志。

Dialog Example

Dialog Content

是的,这是我们需要的。现在,让我们来看看如何在打开Dialog之前设置isOpen标志。

3.在打开Dialog时,添加一个字典,并将isOpen标志设置为true。在这里,我使用openDialog()方法。

import { Component } from '@angular/core';
import { MatDialog } from "@angular/material/dialog";
import { DialogExampleComponent } from "./dialog-example/dialog-example.component";

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  isOpen:boolean = false;
  constructor(public dialog: MatDialog){}

  openDialog(){
    let dialogRef = this.dialog.open(DialogExampleComponent,{
      data : {isOpen : true}
    });
  }
}

现在当我们调用openDialog()方法时,我们会得到一个具有isOpen标志的Dialog。

希望这能帮助您在Angular对话框中根据状态使按钮打开或关闭。

相关内容

热门资讯

透明攻略!衡阳丫丫辅助,wep... 透明攻略!衡阳丫丫辅助,wepoker开脚本视频-从前有挂开挂辅助平台;无需打开直接搜索微信(136...
透视辅助!广东雀神智能插件安装... 透视辅助!广东雀神智能插件安装软件,wepoker免费辅助器-本然有挂开挂辅助脚本;无需打开直接搜索...
透视好牌!创思维辅助器,wep... 透视好牌!创思维辅助器,wepoker有辅助器吗-固有有挂开挂辅助脚本;打开点击测试直接进入微信(1...
透明规律!吉祥填大坑攻略,we... 透明规律!吉祥填大坑攻略,wepoker透视底牌脚本-从前有挂开挂辅助工具;无需打开直接搜索加(薇:...
透视辅助!陕麻圈有辅助吗,ep... 您好:这款陕麻圈有辅助吗游戏是可以开挂的,确实是有挂的,很多玩家在这款陕麻圈有辅助吗游戏中打牌都会发...
透视好友!奇迹陕西靖边锅子有没... 透视好友!奇迹陕西靖边锅子有没有技巧,we-poker辅助器-最初有挂开挂辅助器 了解更多开挂安装加...
透视软件!开心泉州免费辅助器,... 透视软件!开心泉州免费辅助器,wepoker开脚本视频-本来有挂开挂辅助工具;无需打开直接搜索打开薇...
透视辅助!人皇大厅控制牌型,a... >>您好:人皇大厅控制牌型确实是有挂的,很多玩家在这款人皇大厅控制牌型游戏中打牌都会发现很多用户的牌...
透视ai!大玩家福建十三水辅助... 大玩家福建十三水辅助是一款可以让一直输的玩家,快速成为一个“必胜”的ai辅助神器,有需要的用户可以加...
透视ai!甘肃白银麻将辅助软件... 透视ai!甘肃白银麻将辅助软件,hhpoker真的有透视吗-从前有挂开挂辅助安装;无需打开直接搜索加...