如何使用显示标签默认选择多选primeng的值

Question

如何选择multiselect primeng的默认值，需要这个来进行表单更新

代码：

@Component({
  template: `<p-multiSelect [options]="cities" [(ngModel)]="selectedCities" ></p-multiSelect>`
})
export class MyComponent {

  cities: SelectItem[];
  selectedCities= [];


  public constructor() {
        this.cities = [];
    this.cities.push({ label: 'Paris', value:{id:'1',country:'France', name:'paris'}  });
    this.cities.push({ label: 'Madrid', value:{id:'2',country:'Spain', name:'madrid'}  });
    this.selectedCities.push({id:'2',country:'Spain', name:'madrid'})
  }

当前行为：值在列表中被选中，但标签为空

Answer 1

您必须添加optionLabel="name"到您的 p-multiSelect 元素：

<p-multiSelect [options]="cities" [(ngModel)]="selectedCities" optionLabel="name"></p-multiSelect>