要将p-dialog直接显示在组件上而不是显示在覆盖层上，您可以使用以下方法：

1. 确保您已正确导入primeng库中的p-dialog组件。

import { DialogModule } from 'primeng/dialog';

2. 在您的组件模板中，使用[appendTo]属性将p-dialog附加到组件上。

3. 在组件的类中，创建一个ViewChild引用来获取组件的DOM元素。

import { Component, ViewChild, ElementRef } from '@angular/core';

@Component({
  selector: 'app-your-component',
  templateUrl: 'your-component.component.html',
  styleUrls: ['your-component.component.css']
})
export class YourComponent {
  @ViewChild('appendToComponent', { static: false }) appendToComponent: ElementRef;
  displayDialog: boolean = false;
  
  // Other component code here
}

4. 在组件的 ngOnInit 方法中，使用 setTimeout 函数将 appendToComponent 设置为组件的 DOM 元素。

ngOnInit() {
  setTimeout(() => {
    this.appendToComponent.nativeElement.parentNode.removeChild(this.appendToComponent.nativeElement);
    document.querySelector('.your-component-class').appendChild(this.appendToComponent.nativeElement);
  }, 0);
}

请注意，将 .your-component-class 更改为您的组件的实际样式类。

通过这些步骤，您应该能够将p-dialog直接显示在组件上，而不是显示在覆盖层上。