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

时间:2019-02-21 16:02:32

标签: angular lazy-loading primeng

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

1 个答案:

答案 0 :(得分:0)

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

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>