角度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>