如何在角项目中为primeming overlaypanel添加动态内容？

Question

我想在primeng overlaypanel上动态显示内容。内容将从api加载。打开时，我需要在覆盖面板中显示这些内容。谁能解释一下如何做到这一点。

Answer 1

我不知道您的数据是什么样子，但想法是这样的：

TS：

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>