Передача контекста шаблону всплывающей подсказки из элементов "ngFor"

#angular7 #ng-bootstrap

Вопрос:

Я пытаюсь передать данные в свой шаблон всплывающей подсказки ng-bootstrap. Следуя этому примеру https://ng-bootstrap.github.io/#/components/tooltip/examples#tplwithcontext , теперь я застрял на добавлении #t1="ngbTooltip" части. Поскольку мои элементы создаются путем перебора массива, я не могу вручную добавить часть #t1.

Это моя лучшая попытка:

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

При наведении курсора мыши на одну из ячеек таблицы «cell *» я хочу, чтобы всплывающая подсказка отображала соответствующий шаблон с данными ячейки из tooltipData . Приветствуются любые соображения и помощь.

Ответ №1:

Хорошо, итак, я решил эту проблему и публикую это для справки.

Причина, по которой я испытывал трудности, заключается в том, что я думал, что содержимое будет извлекаться динамически. В отличие от этого, способ, которым это работает, заключается в отображении всех всплывающих подсказок.

Я обновил свой Stackblitz https://stackblitz.com/edit/ngbs-tooltip-dyn для справки.