是否可以在Angular material Design Angular 5中为对话框设置不同的高度和宽度

是否可以在Angular material Design Angular 5中为对话框设置不同的高度和宽度,angular,typescript,angular-material,Angular,Typescript,Angular Material,我在一个angular 5应用程序中工作,在这个登录应用程序中,我有一个angular Material Design弹出窗口 我在对话框屏幕中有以下过程 检查用户邮件是否将启用新的注册表单或密码字段。 因此,最初我将电子邮件输入的对话框高度和宽度设置为100*100 如果用户不存在,注册表单将启用,我想将高度和宽度设置为300*100 如果用户已经存在,密码字段将与电子邮件输入一起启用,我想设置200*100 我是新来的,所以我找不到解决方案,也在搜索,所以无法解决它 myAccountCl

我在一个angular 5应用程序中工作,在这个登录应用程序中,我有一个angular Material Design弹出窗口

我在对话框屏幕中有以下过程

检查用户邮件是否将启用新的注册表单或密码字段。

因此,最初我将电子邮件输入的对话框高度和宽度设置为100*100

如果用户不存在,注册表单将启用,我想将高度和宽度设置为300*100

如果用户已经存在,密码字段将与电子邮件输入一起启用,我想设置200*100

我是新来的,所以我找不到解决方案,也在搜索,所以无法解决它

 myAccountClick(event) {

        const dialogScreen = this.dialog.open(MyaccountComponent,{height:'100px',width:'100px'});

    }

有人能帮我解决这个问题吗。

在对话框的组件中,您可以插入
MatDialogRef
并调用其
updateSize
方法来根据需要更改高度/宽度


检查一个例子

你不能先检查这些条件,然后在每种情况下弹出3个不同的对话框吗?我已经考虑过要有3个对话框,但我想知道,如果有其他方法可以做到这一点…@ViranMalakaOr当条件改变时,只需关闭对话框,然后用不同的大小和预填充的数据重新打开对话框