如何在 angular mat table 行上禁用点击事件？

Question

在 angular mat table 中，我有以下代码可以在单击任何地方时展开 table 行。

现在我想根据属性 "element.disable".

禁止触发某些行的点击操作

        <ng-container matColumnDef="id">
          <th mat-header-cell *matHeaderCellDef> Id</th>
          <td mat-cell *matCellDef="let element" class="example-element-row data_align"
           [class.example-expanded-row]="expandedElement === element"
           (click)=" expandedElement = expandedElement === element ? null : element">     {{element?.id}} </td>
        </ng-container>

我试过添加

[禁用]="element.disable"

但是，这不起作用。

如何禁止点击某些行？

Answer 1

尝试做这样的事情

<td mat-cell (click)="element.disable ? $event.stopPropagation() : 'else do something'"></td>

如何在 angular mat table 行上禁用点击事件？

How to disable click event on angular mat table row?

click

angular

disable

mat-table