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

时间:2019-05-29 16:32:43

标签: angular angular7 ngx-datatable angular-material-table angular8

如何将布尔列绑定到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 并没有说明如何将布尔列绑定到复选框。

1 个答案:

答案 0 :(得分:0)

我找到了自己的问题的答案,我认为这可能会在将来对某人有所帮助。上面的代码将转换为类似于下面的代码:

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

只需将控件放入内部

使用此方法不仅可以将Boolean列绑定到复选框,还可以在该列中嵌入其他控件。