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

Question

我在一个 angular 5 应用程序中工作，在这个用于登录的应用程序中，我有一个 Angular Material Design 弹出窗口。

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

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

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

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

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

我是新手，所以我找不到也在 SO can't solve it 上搜索的解决方案。

 myAccountClick(event) {

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

    }

谁能帮我解决这个问题。

Answer 1

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

在此处查看示例