设置按钮出现在悬停

-1

我有角4材料表格单元格中的按钮，我想只出现在时表行悬停：设置按钮出现在悬停

<md-cell *cdkCellDef="let row" contenteditable='false' > 
     <div *ngIf="!row.editorEnabled" >{{row.goalStatusName}} 
      <button md-icon-button><md-icon (click)="row.editorEnabled=true;" mdTooltip="Edit">mode_edit</md-icon></button> 
      </div> 
</md-cell>

如何实现这一目标？

更新：整个代码：

<md-cell *cdkCellDef="let row" contenteditable='false' > 
     <div *ngIf="!row.editorEnabled" >{{row.goalStatusName}} 
      <button md-icon-button><md-icon (click)="row.editorEnabled=true;" class="editButton" mdTooltip="Edit">mode_edit</md-icon></button> 
      </div> 
     <div *ngIf="row.editorEnabled" > 
      <md-input-container><input mdInput [(ngModel)]="row.goalStatusName" #goalName></md-input-container> 
      <button md-icon-button> 
       <md-icon (click)="modifyGoal(row.goalStatusId,row.goalStatusName)" mdTooltip="Save" style="color:green;font:bold;" >done</md-icon> 
      </button> 
      <button md-icon-button> 
       <md-icon (click)="row.editorEnabled=false" mdTooltip="Cancel" style="color:red;font:bold;" >clear</md-icon> 
      </button> 
      </div> 
    </md-cell>

来源

2017-09-03 HBK

button{ display:none} 
md-cell:hover{ 

    button{ 
    display:block 
    } 
}

来源

2017-09-03 11:31:51 Milad

谢谢。另外，如何在按钮点击时将焦点引入md-cell中的另一个输入元素？ – HBK

把一个#elem放在输入上，然后（click）=“row.editorEnabled = true; elem.focus（）” – Milad

我使用* ngFor和所有输入元素会有相同的id然后 – HBK

.editButton{ visibility: hidden} 
md-cell:hover .editButton{ 
visibility: visible; 
}

这个工作！

来源

2017-09-03 11:44:27 HBK

设置按钮出现在悬停

回答

相关问题