Angular 如何在Priming Multiselect组件中显示选定列和未选定列

如何在Priming 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>

this.cols=[
{字段：'A'，标签：'A'，显示：true}，
{字段：'B'，标签：'B'，显示：false}，
{字段：'C'，标签：'C'，显示：false}，
]
此字段为.selectedColumns（cols）
selectedColumns（selectedColumns:any）{
这。\ u selectedColumns=selectedColumns；
这.\u selectedColumns.sort（（a，b）=>a.key-b.key）；
}

---

默认情况下显示所有选定项我只需要显示其属性display为true的选项。

如果要显示其显示属性为true的选项，则应根据display属性过滤掉selectedColumns

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

---

如果要显示显示属性为true的选择，则应根据显示属性过滤掉selectedColumns

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