Angular 在顶部对齐“动态”对话框

Angular 在顶部对齐“动态”对话框,angular,primeng,Angular,Primeng,打开时是否可以在顶部对齐部件 我正在使用一种建议的方式来展示它: show() { const ref = this.dialogService.open(CarsListDemo, { header: 'Choose a Car', width: '70%' }); } 您需要在“打开”对话框上传递“样式”(组件的内联样式)对象 onClick() { this.dialogService.open(DialogComponent,

打开时是否可以在顶部对齐部件

我正在使用一种建议的方式来展示它:

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

您需要在“打开”对话框上传递“样式”(组件的内联样式)对象

 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',

    });
  }
演示在这里

我希望您使用的是z-index:1002;如果这没有帮助,请发布您的代码。我正在使用的唯一代码是问题中提供的代码。有一个按钮可以调用“show”功能,就是这样。