如何通过显示标签默认选择multiselect 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

你可以在你的p-multiSelect元素中添加optionLabel="name"：

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