title: Angular formControlName - reactive form - Setting values to primeNg p-dropdown
body: <p>I have a component.html that has dropdown of type list of Users object.</p>
  <p>The p-dropdown list in HTML looks like follows:</p>
  <pre><code>&lt;div class=&quot;col-sm-4&quot;&gt;
          &lt;p-dropdown [options]=&quot;usersList&quot; formControlName=&quot;assignedTo&quot; optionLabel=&quot;name&quot;  placeholder=&quot; Select &quot;&gt;&lt;/p-dropdown&gt;
  &lt;/div&gt;
  </code></pre>
  <p>And the inspect element for the same is as below:</p>
  <pre><code>&lt;p-dropdown class=&quot;ng-tns-c54-11 ng-untouched ng-pristine ng-valid&quot; ng-reflect-options=&quot;[object Object],[object Object&quot; formControlName=&quot;assignedTo&quot; ng-reflect-name=&quot;assignedTo&quot; placeholder=&quot; Select &quot; ng-reflect-placeholder=&quot; Select &quot; optionLabel=&quot;name&quot; ng-reflect-option-label=&quot;name&quot;&gt;
  &lt;div class=&quot;ng-tns-c54-11 ui-dropdown ui-widget ui-state-default ui-corner-all&quot; ng-reflect-ng-class=&quot;[object Object]&quot;&gt;
  &lt;div class=&quot;ui-helper-hidden-accessible ng-tns-c54-11&quot;&gt;
  &lt;input class=&quot;ng-tns-c54-11&quot; role=&quot;listbox&quot; aria-haspopup=&quot;listbox&quot; aria-label=&quot; &quot; type=&quot;text&quot; readonly=&quot;&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;ui-dropdown-label-container ng-tns-c54-11&quot; ng-reflect-text=&quot;&quot; ng-reflect-tooltip-position=&quot;right&quot; ng-reflect-position-style=&quot;absolute&quot;&gt;&lt;!--bindings={
    &quot;ng-reflect-ng-if&quot;: &quot;false&quot;
  }--&gt;&lt;label class=&quot;ng-tns-c54-11 ui-dropdown-label ui-inputtext ui-corner-all ui-placeholder ng-star-inserted&quot; ng-reflect-ng-class=&quot;[object Object]&quot;&gt; Select &lt;/label&gt;&lt;!--bindings={
    &quot;ng-reflect-ng-if&quot;: &quot;true&quot;
  }--&gt;&lt;!--bindings={}--&gt;&lt;!--bindings={}--&gt;&lt;/div&gt;&lt;div class=&quot;ui-dropdown-trigger ui-state-default ui-corner-right ng-tns-c54-11&quot; role=&quot;button&quot; aria-haspopup=&quot;listbox&quot;&gt;&lt;span class=&quot;ui-dropdown-trigger-icon ui-clickable ng-tns-c54-11 pi pi-chevron-down&quot; ng-reflect-ng-class=&quot;pi pi-chevron-down&quot;&gt;&lt;/span&gt;&lt;/div&gt;&lt;!--bindings={}--&gt;&lt;/div&gt;&lt;/p-dropdown&gt;
  </code></pre>
  <p>Users model has the field 'name' which is nothing but firstName +' ,'+lastName. they are displayed correctly in the dropdown. How do i set the dropdown to a particular name dynamcially?</p>
  <p>I tried to assign it to formControlName 'assignedTo' like below but wouldnt work,</p>
  <pre><code>this.createDiscrepancyForm.setValue({
  assignedTo: event.data.assignedTo.name,
  })
  </code></pre>
  <p>But the dropdown doesnt change. Can someone please help.I tried other dropdowns which has lookup values and it works perfectly fine. But this has issue.</p>