如何默认多选primeng的选择值与显示标注

Question

如何通过多选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'}) 
    } 

当前行为：其值在salected列表中，但标签有一个空

Answer 1

Yo've添加optionLabel="name"您对多重选择的元素：

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