html - 如何在 ngbtooltip 中使用 isOpen 方法进行角度 13？

Question

我想使用方法检查工具提示是否在角度 13 中打开isOpen()。

例子：

<li class="mt-menu-icon-wrapper" placement="right" [ngbTooltip]="tooltip" triggers="manual"(mouseenter)="showTooltip('settings')" (mouseleave)="hideTooltip('settings')" 
[closeDelay]="300" (isOpen)="isOpenFlag" ></li> 

<ng-template #tooltip>
Welcome to New Year Party
</ng-template>`

Answer 1

根据 ngbtooltip 文档https://ng-bootstrap.github.io/#/components/tooltip/api

isOpen是一种方法，而不是输入/输出

如果你想在工具提示打开时设置一个布尔值，你可以使用隐藏和显示的两个输出

hidden ：当工具提示关闭动画完成时发出的事件。不包含有效载荷。

显示：当工具提示打开动画完成时发出的事件。不包含有效载荷。

在您的代码中，它看起来像

<li class="mt-menu-icon-wrapper" placement="right" [ngbTooltip]="tooltip" triggers="manual"(mouseenter)="showTooltip('settings')" (mouseleave)="hideTooltip('settings')" 
[closeDelay]="300" (shown)="tooltipDisplay(true)" (hidden)="tooltipDisplay(false)"></li>

在控制器中有一个方法

tooltipDisplay(isOpen:boolean) {
   this.isOpenFlag = isOpen;
}