是否可以在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方法以根據需要更改高度/寬度。

在這里查看示例