각도 2 행이있는 행에 단추를 표시하기위한 표 행을 가리 키기 위해

Question

행에 숨겨진 편집 단추를 표시하기 위해 mouseoverover 이벤트가 표시되지 않습니다. 이 방법을 사용하면 각 행에 모든 수정 버튼이 표시됩니다. ng-mouseenter가 각 tr 요소 내부에 범위를 설정했기 때문에 AngularJs 1x에서이 작업을 수행했습니다. 그러나, 이것은 각 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>