我们如何使 div 在鼠标悬停时跟随 angular 中的 cursor 并在鼠标离开时消失？

Question

i have a table with few rows of information as below

## html ##
<div>
    <table>
        <thead>
            <tr>
                <th>Name</th>
                <th>email</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td (mouseover)="onMouseDisplay(true)" (mouseleve)="onMouseDisplay(false)">Daya</td>
                <td>d@xxx.mail.com</td>
            </tr>
            <tr>
                <td (mouseover)="onMouseDisplay(true)" (mouseleve)="onMouseDisplay(false)">Vinci</td>
                <td>v@xxx.mail.com</td>
            </tr>
            <tr>
                <td (mouseover)="onMouseDisplay(true)" (mouseleve)="onMouseDisplay(false)">Teju</td>
                <td>t@xxx.mail.com</td>
            </tr>
        </tbody>
    </table>
</div>

div to show conditionally when the mouse is over and disappear when mouse is out i have another div which has to be postioned closer to the tr"rows" and this should only get displayed when the mouseover and should be out on mouseleve

<div id="moving" *ngIf="isShow">
    <div class="tooltip">
        <p>i'm not moving as per the position of the row items</p>
    </div>
</div>

function to conditionally show/hide

isShow: boolean;

onMouseDisplay(show: boolean) {
    this.isShow = show;
}

Answer 1

Didn't understood what you want, but you have a misspell in (mouseleave)