角度2表行悬停在行上显示按钮

Question

我一直在获取on-mouseover事件以显示行上的隐藏编辑按钮。使用这种方法，它将显示每一行上的所有编辑按钮。我曾在AngularJs 1x中工作，只是因为ng-mouseenter在每个tr元素的内部设置了一个范围。然而，这是不是与角2

<table> 
    <tr *ngFor="let ob of objects" on-mouseover="rowHovered=true" on-mouseleave="rowHovered=false"> 
    <td>{{ob.name}}</td> 
    <td> 
     <button *ngIf="rowHovered==true">edit</button> 
    </td> 
    </tr> 
</table> 

Answer 1

的情况下尝试存储悬停指数：

<table on-mouseleave="hoveredIndex=null"> 
    <tr *ngFor="let ob of objects; let index=index" on-mouseover="hoveredIndex=index"> 
    <td>{{ob.name}}</td> 
    <td> 
     <button *ngIf="index==hoveredIndex">edit</button> 
    </td> 
    </tr> 
</table>