Как увеличить автоматическую высоту matdialogbox в угловых 5?

Question

  uploadFiles(): void {
    const dialogRef = this.dialog.open(AddNewFilesOrImagesComponent, {
      width: '620px',
      height : '100%',
    });
  }

, если высота 100% UI выглядит следующим образом (под кнопкой загрузки нет необходимости в пустых местах)

, если я установил фиксированную высоту вpx (делает пользовательский интерфейс прокручиваемым)

  uploadFiles(): void {
    const dialogRef = this.dialog.open(AddNewFilesOrImagesComponent, {
      width: '620px',
      height : '250px',
    });
  }

Мне нужен этот тип, если я выбираю файл, он автоматически увеличивает его высоту (когда я выбираю изображениев этот раз я хочу увеличить автоматическую высоту matdialogbox)

Answer 1

попробуйте, это займет полные height страницы для вашего matdialog

 uploadFiles(): void {
        const dialogRef = this.dialog.open(AddNewFilesOrImagesComponent, {
          width: '100%',
          min-height: calc(100vh - 90px),
          height : 'auto'

        });
      }

Answer 2

Добавьте класс в ваш диалог:

uploadFiles(): void {
 const dialogRef = this.dialog.open(AddNewFilesOrImagesComponent, {
   panelClass: 'myClass',
 });
}

Затем добавьте следующий стиль к классу в вашем CSS:

.myClass {
  max-height: 95%;
  width: 620px;
  overflow-y: auto;
{