如何防止在Angular材质对话框中向下滚动？

Question

我通过http请求检索数据，并且该文本已预先格式化为HTML文本，并且大部分时间很长。本质上，我使用以下内容：

<h2 matDialogTitle> My title</h2>
<mat-dialog-content>
  <p [innerHTML]="data.displayText" ></p>
</mat-dialog-content>
<div mat-dialog-actions align="end">
  <button mat-button mat-dialog-close color="primary">Close</button>
</div>

对话框的内容总是 向下滚动-靠近结尾。如何防止这种功能并从一开始就显示内容？

Answer 1

默认情况下，MatDialog将焦点设置为对话框中的第一个可聚焦组件，该组件最终将成为内容下方的按钮。通过对话框配置启动对话框时，可以禁用此功能：

dialog.open(MyDialogComponent, {
    autoFocus: false
});