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

相关内容

热门资讯

玩家必备科普!宝宝浙江游戏作弊... 玩家必备科普!宝宝浙江游戏作弊是真的假的,佛手大菠萝有挂吗,专业教程(有挂详情);玩家必备科普!宝宝...
分辨真假!孝感卡五星辅助,we... 分辨真假!孝感卡五星辅助,wepoker有透视吗,扑克教程(有挂辅助)是一款可以让一直输的玩家,快速...
揭秘关于!甘肃白银麻将辅助软件... 揭秘关于!甘肃白银麻将辅助软件,佛手在线大菠萝智能辅助器,可靠技巧(有挂功能);致您一封信;亲爱甘肃...
每日必看推荐!途游四川小程序脚... 每日必看推荐!途游四川小程序脚本,wepoker私人局透视方法,安装教程(有挂秘笈);详细途游四川小...
科普分享!情怀宜春辅助,wer... 科普分享!情怀宜春辅助,werplan外卦神器,扑克教程(有挂教程);情怀宜春辅助简单的灵活控制,仅...
详细说明!九九山城万州版脚本,... 详细说明!九九山城万州版脚本,wejoker免费脚本,线上教程(有挂解密)是一款可以让一直输的玩家,...
一分钟了解!奇迹掌趣辅助,wp... 一分钟了解!奇迹掌趣辅助,wpk作弊最怕三个东西,新版2025教程(有挂教程);一分钟了解!奇迹掌趣...
终于知道!花舍辅助,wejok... 终于知道!花舍辅助,wejoker透视方法,扑克教程(有挂规律);花舍辅助软件透明挂作为一款花舍辅助...
来一盘!哈局八张有没有透视挂,... 来一盘!哈局八张有没有透视挂,hhpoker有后台操控吗,解密教程(有挂规律)是一款可以让一直输的玩...
重大推荐!广西友乐免费辅助使用... 您好,广西友乐免费辅助使用视频这款游戏可以开挂的,确实是有挂的,需要了解加微【136704302】很...