如何在Angular材质表中添加列以将行设置为活动/不活动,而复选框不受影响

时间:2019-06-25 18:58:43

标签: angular angular-material mat-table

添加一列以将状态设置为活动/不活动后,该复选框也会被选中/取消选中。

我有此代码:

<div class="mat-elevation-z8">
<table mat-table [dataSource]="dataSource" class="mat-elevation-z8">

    <!-- Checkbox Column -->
    <ng-container matColumnDef="select">
      <th mat-header-cell *matHeaderCellDef>
        <mat-checkbox (change)="$event ? masterToggle() : null"
                      [checked]="selection.hasValue() && isAllSelected()"
                      [indeterminate]="selection.hasValue() && !isAllSelected()"
                      [aria-label]="checkboxLabel()">
        </mat-checkbox>
      </th>
      <td mat-cell *matCellDef="let row">
        <mat-checkbox (click)="$event.stopPropagation()"
                      (change)="$event ? selection.toggle(row) : null"
                      [checked]="selection.isSelected(row)"
                      [disabled]="row.excluded">


        </mat-checkbox>
      </td>
    </ng-container>

<ng-container matColumnDef="status">
      <th mat-header-cell *matHeaderCellDef> status </th>
      <td mat-cell *matCellDef="let element" (click)="toggleActive(element.id)"> {{activeStatus}} </td>
    </ng-container>

如何在此mat-table中添加自定义列,以使状态查询不会对该行产生影响,这意味着不应选中或取消选中该复选框?

0 个答案:

没有答案