Estoy intentando bloquear un "mat-chip" que tengo dentro de una tabla, luego de hacer click en él. Necesito que, una vez clickeado el mat-chip, este no pueda volver a ser clickeado. Estuve intentando varias formas de hacerlo, pero ninguna me ha funcionado aún. Hasta ahora tengo este código en el HTML:
<ng-container matColumnDef="opciones">
<th mat-header-cell *matHeaderCellDef> Opciones </th>
<td mat-cell *matCellDef="let t">
<div fxLayout="row" fxLayoutAlign="center center" fxLayoutGap="5%">
<mat-chip-list>
<mat-chip [disabled]="t.disabled" cdkDrag (click)="llamarTurno(t)" color="primary" selected>
<mat-icon>phone</mat-icon> Llamar
</mat-chip>
</mat-chip-list>
</div>
</td>
</ng-container>
En el TS tengo lo siguiente:
Y por consola veo esto, al consultar los turnos de la tabla en tiempo real:
¿Cómo podría hacer que esto funcione bien?