PrimeNg OverlayPanel 与自定义模板参数答案

【问题标题】：PrimeNg OverlayPanel with custom template paramPrimeNg OverlayPanel 与自定义模板参数
【发布时间】：2021-05-11 08:59:37
【问题描述】：

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

它应该看起来像这样：（注意ng-template 中的let-item 参数）

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

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

谢谢

【问题讨论】：

标签： angular primeng ng-template

【解决方案1】：

我试图找出相同的场景。只要您可以引用item，我就可以通过删除ng-template 元素来实现它：

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

【讨论】：

感谢您的回答。我也是这样解决的，但这并不能回答我的问题。我不想自己保存对item 变量的引用...