如何在角度项目中向primeng overlaypanel添加动态内容？

Question

我想动态地在primeng overlaypanel上显示内容。内容将从api加载。我打开它时需要在overlaypanel中显示这些内容。任何人都可以解释它如何以角度来做这件事。

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>