ngbPopover不会在悬停时显示

Question

      <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-index什么都不做我怎么能让它出现在上面？

下面是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();
    }
  }