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

Question

我正在使用angular 5应用程序，在该应用程序中出于登录目的，我有一个Angular Material Design弹出窗口。

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

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

所以最初，我将电子邮件输入的对话框高度和宽度设置为100 * 100

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

如果用户已经存在，那么密码字段以及我要设置200 * 100的电子邮件输入将被启用

我对此很陌生，所以我也找不到解决方案，因此也无法解决。

 myAccountClick(event) {

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

    }

谁能帮我解决这个问题。

Answer 1

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

在这里查看示例