【问题标题】:PrimeNg - make dynamically created dialog draggablePrimeNg - 使动态创建的对话框可拖动
【发布时间】:2020-02-21 12:59:11
【问题描述】:

我正在使用 PrimeNg 库。它有很好的<p-dialog> 组件,默认情况下会创建可拖动的对话框。但在某些情况下,我使用 PrimeNg 的 API dialogService 来动态创建对话框。注意this.dialogService.open()

但在这种情况下,对话框是不可拖动的。

有什么办法可以让它工作吗?

示例代码

class MyClass {
constructor(private readonly dialogService: DialogService) {}

    openDialog(options: KonsolidacniKonfliktDialogOptions): DynamicDialogRef {
        const dialogRef = this.dialogService.open(SomeComponentToRenderInsideDialog, {
            header: options.dialogHeader,
            width: this.dialogWidth,
            height: this.dialogHeight,
            styleClass: this.dialogStyleClass,
            data: {
                whatever: options.whatever,
            },
        });

        return dialogRef;
    }
}

【问题讨论】:

标签: angular primeng primeng-dialog


【解决方案1】:

在本例中,对话框是可拖动的:

https://stackblitz.com/edit/angular-primeng-dialog-yodw4v

【讨论】:

  • 是的,但他们使用的是 <p-dialog> 组件,而不是通过 API 调用的 dynamicDialog<p-dialog> 只能显示已知内容,不能显示动态内容。或者我必须弯曲它并破解它,这似乎有点过头了
猜你喜欢
  • 2021-03-14
  • 2012-06-24
  • 2021-06-20
  • 1970-01-01
  • 2022-11-25
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多