title: How to pre select Primeng Dropdown values?
body: <p>I have primeng dropdown with set of values in my angular app.</p>
  
  <p>In the view Screen , drop down is not displaying the selected value (value saved in db) instead it displays 'Select'.</p>
  
  <p>HTML :</p>
  
  <pre><code>&lt;p-dropdown    [options]="reasons" [(ngModel)]="selectedReason"   (onChange)="getCompleteReason($event)" styleClass="ui-column-filter" filter="true"&gt; &lt;/p-dropdown&gt;
  </code></pre>
  
  <p>Component.ts</p>
  
  <pre><code>this.reasons = [];
      this.reasons.push({label: 'Select', value: null});
      this.reasons.push({label: 'Reason 1', value: 'Reason 1'});
      this.reasons.push({label: 'Reason 2', value: 'Reason 2'});
      this.reasons.push({label: 'Reason 3', value: 'Reason 3'});
      this.reasons.push({label: 'Other', value: 'Other'});
  
  
  this.selectedReason = 'Reason 2' (eg value stored in the db)
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/BPiGl.png" rel="noreferrer"><img src="https://i.stack.imgur.com/BPiGl.png" alt="enter image description here"></a></p>