Привязка логического столбца к флажку в ngx-datatable - PullRequest
Новая
       50

Привязка логического столбца к флажку в ngx-datatable

0 голосов
/ 29 мая 2019

Как я могу связать логический столбец с флажком в 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 Ответ

2 голосов
/ 31 мая 2019

Я нашел ответ на свой вопрос и подумал, что это может кому-то помочь в будущем. Выше код переведет что-то похожее на ниже: 

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

Просто поместите элемент управления внутрь

использование этого метода позволяет не только привязывать логический столбец к флажку, но и вставлять другие элементы управления в столбец.

...