angular - 如何使用显示标签默认选择多选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>