title: Angular PrimeNG dropdown component in reactive forms - initial value
body: <p>using primeNg dropdown component, I'm trying to initialized the dropdown with initial value with no success, I'm using reactive approach.</p>
  
  <p>I checked the primeNg documentation and demos - almost all the examples there are using template driven, I would like to have the same with model driven.</p>
  
  <p>I'm able to render the dropdown with the values in the list but the selected item is not the one I declared in the form, instead it's the first item in the list.</p>
  
  <p>my code:
  template</p>
  
  <pre><code>    &lt;div [formGroup]="formGroup"&gt;
        &lt;p-dropdown [options]="results"
                   formControlName="second"
                  (onChange)="onChangeHandler($event)"
                  optionLabel="label"&gt;
         &lt;/p-dropdown&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>component</p>
  
  <pre><code>  this.second = new FormControl('second');
    this.formGroup= this.builder.group({
              second: this.second
          });
  
  
      this.results = [];
      this.results.push({ label: 'First Data', value: "first" });
      this.results.push({ label: 'Second Test Data', value: "second" });
      this.results.push({ label: 'Third Data', value: "third" });
  </code></pre>
  
  <p>Please advise.</p>
  
  <p>If anyone can share a working example of primeNG dropdown component in model driven it would be great.
  The values should have key, value attributes like in my example.</p>