таблица угловых материалов с отключенной кнопкой

Question

Я использую угловой материал с таблицей данных

и помещаю кнопку в последний столбец

, когда значение из данных, которые мы выбираем из базы данных, равно «Одобрить»

затем кнопка становится отключенной, как я этого добиваюсь

<!-- Star Column -->
    <ng-container matColumnDef="star" stickyEnd>
      <th mat-header-cell class="editbut" *matHeaderCellDef></th>
      <td mat-cell class="editbut" *matCellDef="let element">
        <button mat-raised-button color="primary" (click)="openDialogEdit(element)">Edit</button>
      </td>
    </ng-container>

Я пытаюсь поместить некоторый ngclass в строку матов, но значение все еще не определено, поэтому мы не можем добавить отключенный

[disabled] = "{disabled:row.status == "Approve"}"

Answer 1

Правильный синтаксис: [disabled]="some condition".

Так что для вашего случая это должно быть [disabled]="row.status == 'Approve'"

Рабочая демонстрация