angular - 带有组件的“可滚动”垫子对话框

Question

我发现关于滚动对话框的所有内容都是关于覆盖的，但它是描述对话框外的行为，但我需要滚动其中不包含在 mat-content 中的内容，因为它是一个完整的组件。

要打开我正在使用的对话框：

常量 dialogRef = this.dialog.open(CadastroPessoaComponent, dialogConfig)

对话框配置是这样的：

dialogConfig.width = '90%';

标签： angularscrolldialog

Answer 1

尝试将height您的设置dialogConfig为所需的对话框高度。

它对我有用：

const dialogRef = this.dialog.open(CadastroPessoaComponent, {
   height: '300px'
}

如果组件内容的高度高于 300 像素，它将添加溢出。

有关可用对话框配置的完整列表，请查看MatDialog API。