如何单击角度5中的悬停元素

Question

这是我要将click事件绑定到悬停内容的代码。我的目标是让悬停的内容保持不动，以便能够单击所使用的锚标记。

<td>
    <ng-template #popContent>
        <div>
            <ul>
                <li><a href="">Contain</a></li>
                <li><a href="">Triage</a></li>
                <li><a href="">File Acq</a></li>
                <li><a href="">Acquistion</a></li>
            </ul>
        </div>
    </ng-template>
    <button
       (mouseenter)="changeClass = !changeClass;" (mouseleave)="changeClass = !changeClass;"
       class="btn actionButton"
       triggers="mouseenter:mouseleave"
       [style.opacity] = "getStyle()"
       placement="left"
       popoverClass="popover"
       [ngbPopover]=popContent > <img src="assets/images/dots.png">
    </button>
</td>