Как показать некоторые столбцы как выбранные, а некоторые невыделенные в компоненте 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

Если вы хотите отобразить выделение, свойство display которого истинно, тогда вам следует отфильтровать selectedColumns на основе свойства display.

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