禁用按钮的角材台

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

Working demo