参考屏幕截图
我在ngx-datatable标头中添加了angular2-multiselect下拉列表来过滤记录,我为所有列下拉列表绑定了相同的ng-model对象,数据绑定正确,但所有下拉列表都被禁用。我无法做出选择。
<ngx-datatable [NgxTableToolTipChange]="columns" class="material fixed-header ngx-datatable scroll-vertical" style="width:auto !important" #changeRequesttable
[ngClass]="{'overlayDiv': blurParamParent,'':!blurParamParent}"
[rows]="rows"
[loadingIndicator]="loading$|async"
[columns]="columns"
[columnMode]="'toggle'"
[headerHeight]="isMultiFilter?58:40"
[footerHeight]="40"
[rowHeight]="38"
[reorderable]="true"
[scrollbarV]="true"
[scrollbarH]="true"
[selectionType]="'checkbox'"
[selected]="selected"
[displayCheck]="displayCheck"
(select)='onSelect($event)'
[messages]="messages">
<ngx-datatable-column *ngFor="let col of columns" name="{{col.name}}" prop="{{col.prop}}">
<ng-template let-column="column" ngx-datatable-header-template>
<span title="{{col.name}}">{{col.name}}</span>
<span *ngIf="col.prop != 'details' && isAbovethreshold">
<br *ngIf="isMultiFilter" />
<angular2-multiselect tabindex="0" *ngIf="isMultiFilter" id="dropdownFilterValues" class="form-control"
[data]="bindFilterDropdownData(col.prop)"
(onSelect)="onItemSelect($event)"
[(ngModel)]="selectedItems"
[settings]="dropdownSettingsForColumnFilter">
</angular2-multiselect>
</span>
</ng-template>
</ngx-datatable-column>
</ngx-datatable>