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对话框中根据状态使按钮打开或关闭。

相关内容

热门资讯

重大通报开挂!wepoker透... 重大通报开挂!wepoker透视有用吗,wepoker透视挂软件安装(竟然存在有开挂)AI 智能体黑...
技术分享!开挂!wpk有辅助器... 『标题:当前标题』主打赛后复盘的 AI 游戏攻略黑科技走红,对局总结能力开挂。上传对局回放或者战绩截...
玩家必看辅助器!微扑克数据分析... 很多人使用云端 AI 时,都担心微扑克数据分析、内部资料上传带来隐私风险。这款本地运行的 AI 黑科...
最新研发开挂!wpk脚本辅助器... 很多人使用云端 AI 时,都担心wpk脚本辅助器、内部资料上传带来隐私风险。这款本地运行的 AI 黑...
揭秘攻略辅助器!wpk作弊最怕... wpk作弊最怕三个东西AI 游戏攻略黑科技上线本地缓存功能,离线查阅能力开挂。提前下载对应游戏攻略数...
我来分享辅助!wpk有脚本吗,... AI 黑科技赛道又上新,这款智能处理工具堪称效率开挂,专门面向短视频创作者打造。它打通脚本撰写、AI...
重大通报透视!We poker... 您好,重大通报透视!We poker辅助器下载,德普之星破解软件工具(竟然有透视)这款游戏可以开挂的...
盘点一款!辅助器!德普之星辅助... 一款 AI 游戏攻略黑科技工具上线,查攻略效率直接开挂。它整合版本更新、装备搭配、BOSS 打法、牌...
发现玩家辅助器!wepoker... 您好:wepoker到底有没有透视这款游戏可以开挂的,确实是有挂的,很多玩家在这款游戏中打牌都会发现...
玩家必看秘籍透视!wepoke... 本地部署 AI 黑科技工具迎来新版本,不用上传文件到云端就能完成wepoker辅助透视软件解析、 A...