【问题标题】:Binding boolean column to checkbox in ngx-datatable将布尔列绑定到 ngx-datatable 中的复选框
【发布时间】:2019-05-31 20:56:12
【问题描述】:

如何将布尔列绑定到 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 这没有解释如何将布尔列绑定到复选框。

【问题讨论】:

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


    【解决方案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>
    

    只需将控件放在里面

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

    【讨论】:

      猜你喜欢
      • 2015-04-07
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2023-03-16
      • 2012-03-11
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多