首页 > 解决方案 > 从“ngFor”元素向工具提示模板传递上下文

问题描述

我正在尝试将数据传递给我的 ng-bootstrap 工具提示模板。按照这个示例https://ng-bootstrap.github.io/#/components/tooltip/examples#tplwithcontext,我现在一直在添加#t1="ngbTooltip"部件。因为我的元素是通过迭代数组创建的,所以我无法手动添加 #t1 部分。

这是我最好的尝试:

https://stackblitz.com/edit/ngbs-tooltip-dyn

当悬停在“单元格 *”表格单元格之一时,我希望工具提示使用来自tooltipData. 任何考虑和帮助表示赞赏。

标签: angular7ng-bootstrap

解决方案


好的,所以我已经解决了这个问题,并将其发布以供参考。

我挣扎的原因是我认为内容会被动态拉取。与此相反,它的工作方式是渲染所有工具提示。

我已经更新了我的 Stackblitz https://stackblitz.com/edit/ngbs-tooltip-dyn以供参考。


推荐阅读