Question

我有一个带有两个按钮的弹子台，一个播放和一个暂停，按钮播放开始显示和暂停按钮开始隐藏，当单击行播放按钮时，其隐藏和暂停按钮显示在行中

<ng-container matColumnDef="action">
     <th mat-header-cell *matHeaderCellDef mat-sort-header> Action </th>
     <td mat-cell *matCellDef="let poster; let i = index"> 
         <mat-icon [id]="row-click" matTooltip="Metas de campanhas" (click)="getAction()">play_circle_outline</mat-icon> 
         <mat-icon [id]="row-click" matTooltip="Metas de campanhas" (click)="getAction()">pause_circle_outline</mat-icon>
     </td>
</ng-container>

如何仅对表格中该行的那个按钮执行操作？

Answer 1

它应该可以工作

<ng-container matColumnDef="action">
  <th mat-header-cell *matHeaderCellDef mat-sort-header> Action </th>
  <td mat-cell *matCellDef="let poster; let i = index">
    <a [id]="row-click" matTooltip="Metas de campanhas" (click)="getAction()">
      <mat-icon *ngIf="!isPlaying; else pause">play_circle_outline</mat-icon>
      <ng-template #pause>
        <mat-icon>pause_circle_outline</mat-icon>
      </ng-template> 
     </a>
  </td>
 </ng-container>

显示和隐藏按钮Mat-Table Angular 7

1 个答案: