一 .html代码

<p-dialog #dialog>内容</p-dialog>

二.component.ts

//引入dialog对象
import { Dialog } from 'primeng/dialog';
//引用p-dialog组件
@ViewChild('dialog') dialog: Dialog;
//在钩子函数中复写Dialog的center方法
ngAfterViewInit() {
this.dialog.center = function () {let elementWidth = this.domHandler.getOuterWidth(this.containerViewChild.nativeElement);let elementHeight = this.domHandler.getOuterHeight(this.containerViewChild.nativeElement);if (elementWidth === 0 && elementHeight === 0) {this.containerViewChild.nativeElement.style.visibility = 'hidden';this.containerViewChild.nativeElement.style.display = 'block';elementWidth = this.domHandler.getOuterWidth(this.containerViewChild.nativeElement);elementHeight = this.domHandler.getOuterHeight(this.containerViewChild.nativeElement);this.containerViewChild.nativeElement.style.display = 'none';this.containerViewChild.nativeElement.style.visibility = 'visible';}let viewport = this.domHandler.getViewport();let x = Math.max(Math.ceil((viewport.width - elementWidth)) / 2, 0);let y = Math.max(Math.ceil((viewport.height - elementHeight)) / 2, 0);// 解决抖动问题if (!this.containerViewChild.nativeElement.style.left ||!this.containerViewChild.nativeElement.style.top ||Math.abs(this.containerViewChild.nativeElement.style.left - x) > 5 ||Math.abs(this.containerViewChild.nativeElement.style.top - y) > 5) {this.containerViewChild.nativeElement.style.left = x + 'px';this.containerViewChild.nativeElement.style.top = y + 'px';}};
}