Dropdown placeholder not redndered

[jss88]

Hi, dropdown placeholder not rendered. I tried to switch to newest release 2.0.3, but the problem still exists, here is code:

<p-dropdown [options]="cities" [(ngModel)]="selectedCity" placeholder="Select a City" [style]="{'width' : '100%'}"></p-dropdown>

cities: SelectItem[];
selectedCity: string;

constructor() {
this.cities = [];
this.cities.push({ label: 'New York', value: { id: 1, name: 'New York', code: 'NY' } });
this.cities.push({ label: 'Rome', value: { id: 2, name: 'Rome', code: 'RM' } });
this.cities.push({ label: 'London', value: { id: 3, name: 'London', code: 'LDN' } });
this.cities.push({ label: 'Istanbul', value: { id: 4, name: 'Istanbul', code: 'IST' } });
this.cities.push({ label: 'Paris', value: { id: 5, name: 'Paris', code: 'PRS' } });
}

And in dropdown 1 element is NewYork, but selectedCity was never define in the code

[jss88]

By the way I found on github in sources of showcase :
this.cities.push(&#123;label:'Select City', value:null&#125;);

so placeholder option must be hardcoded in the model to work properly?

[pankajpawar]

Add optionValue attribute along with optionLabel to p-dropdown. Then it works.