如何显示multiselect primeng angular2的对象值

Question

我正在关注此https://www.primefaces.org/primeng/#/multiselect，但文档只提供有关打印字符串值的信息。如何显示对象值。 this.cities.push({label:'New York', value:{id:1, name: 'New York', cityCode: 'NY'}});例如我想显示代码。我试过{{selectedCity.cityCode}}它正在显示[obj obj]

Answer 1

由于selectedCity是一个数组，因此您应该使用*ngFor来遍历这些项目。

<div *ngFor="let city of selectedCities">
  <p>{{city.id}}. {{city.cityCode}} - {{city.name}}</p>
</div>

Plunker demo