Кнопка Show and Hidde Мат-Стол угловой 7

Question

У меня есть один матовый стол с двумя кнопками: воспроизведение и пауза, показ начала воспроизведения кнопки и запуск кнопки паузы hidde, когда нажата кнопка воспроизведения в строке, ее кнопка hidde и пауза отображаются в строке

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