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

Question

我正在使用 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;
    }
}

Answer 1

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

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