Align Dynami c Диалог сверху

Question

Можно ли выровнять компонент Dynami c Dialog сверху при открытии?

Я использую предложенный способ его отображения:

show() {
    const ref = this.dialogService.open(CarsListDemo, {
        header: 'Choose a Car',
        width: '70%'
    });
}

Answer 1

Вам необходимо передать объект 'style' (встроенный стиль компонента) в открытое диалоговое окно.

 onClick() {
    this.dialogService.open(DialogComponent,
     {
      style: {
         backgroundColor: '#fff',
        // 'min-width': '100px',
        // 'min-height': '100px',
        position: 'absolute',
        overflow: 'auto',
        top: '300px',
        right: '100px',
        bottom: 0,
        left: 500,
        'overflow-y': 'auto',
      },
      header: 'Choose a Car',

    });
  }

Демонстрация здесь https://stackblitz.com/edit/github-fxeygh-zala3a