angular - PrimeNg - 使动态创建的对话框可拖动

Question

我正在使用 PrimeNg 库。它有很好的<p-dialog>组件，默认情况下会创建可拖动的对话框。但在某些情况下，我使用 PrimeNg 的 APIdialogService来动态创建对话框。注意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;
    }
}

Answer 1

在此示例中，对话框是可拖动的：

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