как установить подсказку скрыть при прокрутке

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
}