<span [routerLink]="" class="icon-info" [ngbPopover]="popTemplate" triggers="" #pop="ngbPopover"
tabindex="0" container="body" closePopoverOnClickOutside (click)="showEmail()" placement="right"></span>
с помощью ng-Bootstrap (4) Я пытаюсь сделать так, чтобы при наведении указателя мыши на значок информации отображалась соответствующая информация.Тем не менее, при способе, который я установил выше, popOver не отображается.Когда я проверяю консоль chrome после наведения, показ тега заполняется экземпляром ngbPopover, но на экране ничего не отображается.Любые идеи, где я иду не так?Я также попытался добавить его в качестве всплывающей подсказки, но он не показывает либо
Я считаю, что popOver работает, но он показывает под моим текущим погружением, которое является слайдером.Изменение z-индекса ничего не дает, как я могу сделать так, чтобы оно отображалось выше?
Ниже приведен шаблон для popover и функции showEmail ():
<ng-template #popTemplate>
<span class="popover-close" aria-hidden="true" (click)="pop.close()">×</span>
<p> this email. </p>
</ng-template>
showEmail() {
if (this.popover && this.popover.isOpen()) {
this.popover.close();
} else if (this.popover && !this.popover.isOpen()) {
this.popover.open();
}
}