gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-12-05 07:17:58 30 4
gpt4 key购买 nike

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

最佳答案

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

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

关于angular - PrimeNg - 使动态创建的对话框可拖动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58554028/

30 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com