带有自定义模板参数的 PrimeNg OverlayPanel

如何解决带有自定义模板参数的 PrimeNg OverlayPanel

我想弄清楚是否有可能以任何方式将自定义参数传递给 PrimeNg 的 overlayPanel。

它应该是这样的：（注意 let-item 中的 ng-template 参数）

<p-overlayPanel #op>
    <ng-template pTemplate let-item>
        <div (click)="this.delete(item.id)">
            {{item.name}}
        </div>
    </ng-template>
</p-overlayPanel>

我尝试这样做的原因是因为我要从 UI 中的每个列表项打开此面板，并且我需要对打开该面板的项的引用。

谢谢

解决方法

我试图找出相同的场景。只要您可以引用 item，我就通过删除 ng-template 元素使其工作：

<p-overlayPanel #op>
    <div (click)="this.delete(item.id)">
        {{item.name}}
    </div>
</p-overlayPanel>