Angular 5: Невозможно центрировать или стилизовать местоположение окна MatDialog - PullRequest
Новая
       11

Angular 5: Невозможно центрировать или стилизовать местоположение окна MatDialog

0 голосов
/ 28 июня 2018

У меня есть простая страница с кнопкой, которая должна открыть окно MatDialog. К сожалению, по умолчанию он выравнивается по левому краю страницы, но я хочу, чтобы он был в центре страницы.

Вот HTML-код для app.component.html: 

<div class="container">
    <div style="text-align: center; margin-top: 100px">
        <button (click)="popUp()">Pop Up</button>
    </div>
</div>

Вот функция всплывающего окна в app.component.ts: 

popUp() {
    const dialogRef = this.dialog.open(PopUpComponent, {
      disableClose: false,
      hasBackdrop: true,
      backdropClass: '',
      width: '250px',
      height: '',
      position: {
        top: '',
        bottom: '',
        left: '',
        right: ''
      }
    });
  }

А вот HTML-код для класса popupcomponent: 

<div card-body style="text-align: center">
  <h1>Pop Up</h1>
  <div class="summary-table-wrapper">
    <ag-grid-angular (gridReady)="onGridReady($event)">
    </ag-grid-angular>
  </div>
</div>

Как я могу расположить диалоговое окно PopUp в центре моей веб-страницы? Я перепробовал почти все.

...