如何在 PrimeNg Multiselect 组件中将某些列显示为已选中而某些未选中

Question

如何在 primeng multiselect 中显示一些列被选中而一些未被选中。

  this.cols = [
{ field: 'A', label: 'A', display: true },
{ field: 'B', label: 'B', display:false },
{ field: 'C', label: 'C', display: false },
]

this.selectedColumns(cols)

selectedColumns(selectedColumns: any) {
    this._selectedColumns = selectedColumns;
    this._selectedColumns.sort((a, b) => a.key - b.key);
  }





<p-multiSelect id="EventTypeSelection" 
        [options]="cols"
        [(ngModel)]="_selectedColumns"
         optionLabel="header"
        (onChange)="userSelection($event)"
        defaultLabel="Column Options" 
       >
     </p-multiSelect>

它默认显示所有选中的我只需要显示属性显示为真。

Answer 1

如果要显示显示属性为真的选择，则应根据显示属性.

筛选出所选列

selectedColumns(selectedColumns: any) {
    this._selectedColumns = selectedColumns.filter(row=>row.display);
    this._selectedColumns.sort((a, b) => a.key - b.key);
  }

如何在 PrimeNg Multiselect 组件中将某些列显示为已选中而某些未选中

How to show some columns as selected and some are unselected in PrimeNg Multiselect component

primeng

angular