时间戳

首页 > 解决方案 > Angular MatDialog 显示在页面底部

angular - Angular MatDialog 显示在页面底部

问题描述

我在一个有角度的网站上工作，我想在单击按钮时显示一个垫子对话框。我做到了，但问题是对话框警报显示在页面底部，而不是中间。该对话框显示在条目组件中

     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>

这就是它的样子

图片

标签： angularangular-material

解决方案

推荐阅读