Можно ли установить разные высоты и ширины для диалога в Angular Material Design 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 метод, чтобы изменить высоту / ширину в соответствии с вашими потребностями.

Проверьте пример здесь