我在应用程序中使用ngbPopover时遇到问题。将鼠标悬停在项目上之后,弹出框的箭头未居中,并且向右移了一点。
<div *ngFor="let order of run.orders">
<div class="order-holder">
<div class="order"
[style.left]="order.left + '%'"
[ngbPopover]="popOrder"
#orderPop="ngbPopover"
triggers="manual"
(mouseenter)="popupResource(orderPop, order)"
(mouseleave)="orderPop.close()"
placement="top"
container="body">
<i class="icon icon-location"></i>
</div>
</div>
</div>
<ng-template #popOrder
let-order="order">
<div class="negative-margin">
<b class="d-block text-center">{{ order.order_no }}</b>
<span class="text-center">{{order.eta_time | date:'HH:mm:ss' }}</span>
</div>
截图:
我正在使用“ @ angular / cli”:“ ^ 6.1.10”,
和“ @ ng-bootstrap / ng-bootstrap”:“ 3。*”