如何在angular项目的primeng overlaypanel中添加动态内容？

import { OverlayPanelModule } from 'primeng/overlaypanel';

@NgModule({
  imports: [
    ...
    OverlayPanelModule,
    ...
  ],
  ...
})
export class AppModule { }

import { OverlayPanel } from 'primeng/overlaypanel';

@Component({
  ...
})
export class YourComponent {
  @ViewChild('overlay') overlay: OverlayPanel;

  ...
}

<button type="button" pButton (click)="overlay.toggle($event)">Show Overlay</button>

<p-overlayPanel #overlay>
  <ng-template>
    <!-- 这里是动态内容 -->
    ...
  </ng-template>
</p-overlayPanel>

export class YourComponent {
  ...

  toggleOverlay(event: Event) {
    this.overlay.toggle(event);
  }
}