Как добавить динамический контент в оверлейную панель Primeng в угловом проекте?

Я не знаю, как выглядят ваши данные, но идея такова:

ТС:

public data;

@ViewChild(OverlayPanel)
private overlayPanel: OverlayPanel;

functionCalledWhenYouWantToDisplayOverlayPanel() {
    this.yourService.getDataFromAPI().subscribe((data) => {
        this.data = data;
        this.overlayPanel.show();
    });
}

HTML:

<p-overlayPanel appendTo = "body">
    {{ data }}
</p-overlayPanel>