angular - 将布尔列绑定到 ngx-datatable 中的复选框

Question

如何将布尔列绑定到 ngx-datatable 中的复选框？目前我正在使用角度材料表并使用以下方法：

  <ng-container matColumnDef="Active">
    <mat-header-cell *matHeaderCellDef class="generic-centeredCell"> Active </mat-header-cell>
    <mat-cell *matCellDef="let element" class="generic-centeredCell">
      <span class="mobile-label">Active:</span>
      <mat-checkbox [(ngModel)]="element.active"></mat-checkbox>
    </mat-cell>
  </ng-container>

迁移到 ngx-datatable 时如何使用上述代码？我找不到样品。到目前为止，我看到的唯一示例是 http://swimlane.github.io/ngx-datatable/#chkbox-selection ，它没有解释如何将布尔列绑定到复选框。

Answer 1

我找到了自己问题的答案，我认为它可能会在将来帮助某人。上面的代码将转换为类似于下面的内容：

  <ngx-datatable-column name="Active">
    <ng-template ngx-datatable-cell-template let-value="value">
      <mat-checkbox [(ngModel)]="value"></mat-checkbox>
    </ng-template>
  </ngx-datatable-column>

只需将控件放在里面

使用这种方法不仅可以让您将布尔列绑定到复选框，还可以在列内嵌入其他控件。