禁用按钮的角材料表

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>

我正在尝试在 mat-row 上放置一些 ngclass，但值仍然未定义 所以我们不能添加残疾人

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

Answer 1

正确的语法是[disabled]="some condition"。

所以你的情况应该是[disabled]="row.status == 'Approve'"

Working demo