2017-08-18 6 views
0

私はこれに従いますhttps://www.primefaces.org/primeng/#/multiselectしかし、ドキュメントは文字列の値を印刷するための情報しか持っていません。オブジェクト値を表示するにはどうすればいいですか? this.cities.push({label:'New York', value:{id:1, name: 'New York', cityCode: 'NY'}});たとえば、私はコードを表示したい。私は{{selectedCity.cityCode}}に[obj obj]を表示しようとしましたmultiselect primeng angular2のオブジェクト値を表示する方法

答えて

1

selectedCityは配列なので、*ngForを使用して項目をループする必要があります。

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

Plunker demo

+0

おかげで、なぜカントselectedCities'、アレイ、 '' id'を有するselectedCities'内のオブジェクトは、 '自体selectedCities'れる'ので、私は –

+0

{{selectedCities.id}}として使用'id'の属性/属性がありません – Nehal

+0

' cities:SelectItem []; selectedCity:any; this.cities = []; this.cities.push({label: 'ニューヨーク'、値:{ID:1、名前: 'ニューヨーク'、コード: 'NY'}}); {{selectedCity.id}}この? * ngForなしで何か別のもの? –

関連する問題