如何在angular 5中增加matdialogbox的自动高度?

DDD*_*DDD 0 html css angular-material angular

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

如果高度为100%的用户界面看起来像这样(在“上传”按钮下,则不必留空白)

在此处输入图片说明

如果我将固定高度放到px中(它会使UI滚动)

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

在此处输入图片说明

如果我选择文件,我想要实际的这种类型,它会自动增加其高度(当我选择图像时,我想增加matdialogbox的自动高度)

在此处输入图片说明

gan*_*045 5

试试这个,它将height为您完成页面的全部matdialog

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

        });
      }
Run Code Online (Sandbox Code Playgroud)