ngbPopover не отображается при наведении - PullRequest
0 голосов
/ 29 мая 2018
      <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();
    }
  }
...