小编Ham*_*mid的帖子

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

我坚持使用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>
Run Code Online (Sandbox Code Playgroud)

row html-table angular

1
推荐指数
1
解决办法
4210
查看次数

标签 统计

angular ×1

html-table ×1

row ×1