Angular 在页面底部显示了一个对话框 我在一个有角度的网站中工作，我想在点击按钮时显示一个对话框对话框，但问题是TAG警报显示在页面的底部，而不是在中间，对话框显示在一个入口组件中。 openDialog() { let dialogRef = this.dialog.open(MoreDetailsComponent, { height: '400px', width: '600px', }); } }

这就是我打开对话框的方式

<h1 mat-dialog-title>Hi </h1>
<div mat-dialog-content>
  <p>What's your favorite animal?</p>
  <mat-form-field>
    <mat-label>Favorite Animal</mat-label>
    <input matInput >
  </mat-form-field>
</div>
<div mat-dialog-actions>
  <button mat-button >No Thanks</button>
  <button mat-button  cdkFocusInitial>Ok</button>
</div>

Hi
你最喜欢的动物是什么

喜爱的动物
不，谢谢
好啊

这是对话 这是弹出窗口的显示方式