如何禁用角垫表行上的点击事件？

Question

在角垫表中，我有以下代码可以在单击表上的任意位置时展开表行。

现在我想禁用基于属性“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>

我尝试添加

[禁用] =“元素.禁用”

但是，这不起作用。

如何禁用某些行的点击？

Answer 1

尝试做这样的事情

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