title: PrimeNG dropdown showing empty options
body: <p>My app UI is based on PrimeNG and i am working on dynamic forms and also getting form fields configuration through API. My PrimeNG dropdown is showing empty options. Here is the image for the reference:
  <a href="https://i.stack.imgur.com/LXbZd.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/LXbZd.png" alt="Behaviour of PrimeNG dropdown" /></a></p>
  <p>Here is the code for PrimeNG dropdown:</p>
  <pre><code> &lt;p-dropdown *ngIf=&quot;field.IsLookup == 'Y'&quot; [options]=&quot;field.LookupVal.split('|')&quot; 
          [id]=&quot;field?.ColumnName&quot;
          [formControlName]=&quot;field?.ColumnName&quot;
        [showClear]=&quot;true&quot;&gt;
  &lt;/p-dropdown&gt;
  </code></pre>
  <p>With Bootstrap select it is working fine but i want to achieve this through PrimeNG, here is the code for Bootstrap select:</p>
  <pre><code> &lt;select
        *ngIf=&quot;field.IsLookup == 'Y'&quot;
          class=&quot;form-control&quot;
          [id]=&quot;field?.ColumnName&quot;
          [formControlName]=&quot;field?.ColumnName&quot;
        &gt;
          &lt;option *ngFor=&quot;let opt of field.LookupVal.split('|')&quot; [value]=&quot;opt&quot;&gt;{{
            opt
          }}&lt;/option&gt;
   &lt;/select&gt;
  </code></pre>
  <p>Here is the data for dropdown i am getting from API:
  <strong>LookupVal: &quot;KK-ID-IDEAS - KARACHI|00001-Karachi|KHI-KARACHI NEW |14121-BDJJSJBSJ&quot;</strong></p>
  <p>Kindly help me find a way out?</p>