滚动时如何设置工具提示隐藏

Question

我有一个复选框，当您将鼠标悬停在其上时，将在其中显示工具提示。 但是，滚动鼠标时，工具提示会显示在最前面。 当组件变为背景时如何隐藏。

<td class="text-right">
     <input type="checkbox" id="temp" formControlName="temp" 
        name="tempfld"
        tooltip="This is tooltip" />
</td>

Answer 1

使用ng2-tooltip-directive，因为ng2-tooltip被描述

npm i ng2-tooltip-directive

可以在指令标记中设置选项，因此它们具有最高优先级。

<td class="text-right">
     <input type="checkbox" id="temp" formControlName="temp" 
        name="tempfld"
        placement="top" show-delay="500"
        tooltip="This is tooltip" />
</td>

您可以作为对象通过

<td class="text-right">
     <input type="checkbox" id="temp" formControlName="temp" 
        name="tempfld"
        tooltip="This is tooltip"
        [options]="myOptions" />
</td>

myOptions = {
    'placement': 'left',
    'show-delay': 500
}