title: PrimeNg Multi Select Not Displaying Any Data
body: <p>I just started to learn primeng and I picked up a very simple drop down combo box to practice but things didnt go as expected.</p>
  <p>this is my App.Component.ts</p>
  <pre><code>import { Component } from '@angular/core';
  
  @Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
  })
  
  export class AppComponent {
  cities: City[];
  
  selectedCityCodes: string[];
  constructor() {
  this.cities = [
    { name: 'New York', code: 'NY' },
    { name: 'Rome', code: 'RM' },
    { name: 'London', code: 'LDN' },
    { name: 'Istanbul', code: 'IST' },
    { name: 'Paris', code: 'PRS' }
  ];
  }
  }
  interface City {
    name: string,
    code: string
  }
  </code></pre>
  <p>and here it is App.Component.html</p>
  <pre><code>&lt;p-multiSelect [options]=&quot;cities&quot; [(ngModel)]=&quot;selectedCityCodes&quot; optionLabel=&quot;name&quot; optionValue=&quot;code&quot;&gt;&lt;/p-multiSelect&gt;
  </code></pre>
  <p>and just in case you'll need this is app.module:</p>
  <pre><code>import { NgModule } from '@angular/core';
  import { BrowserModule } from '@angular/platform-browser';
  import { FormsModule } from '@angular/forms';
  import { AppRoutingModule } from './app-routing.module';
  import { AppComponent } from './app.component';
  import {MultiSelectModule} from 'primeng/multiselect';
  @NgModule({
  declarations: [
  AppComponent
  ],
  imports: [
  BrowserModule,
  AppRoutingModule,
  FormsModule,
  MultiSelectModule
  ],
  providers: [],
  bootstrap: [AppComponent]
  })
  export class AppModule { }
  </code></pre>
  <p>Output is this:</p>
  <p><a href="https://i.stack.imgur.com/tkKiX.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/tkKiX.png" alt="output image" /></a></p>
  <p>as you can see there is no data when i click &quot;down&quot; icon.</p>
  <p>Any help is appreciated.</p>