title: Angular Reactive Form Select dropdown has an empty option
body: <p>I'm having a reactive form with dropdowns. I'm showing user's selected dropdown items in the form. Values are getting from API. There are several drop-downs are generating and in every dropdown there's an empty option(blank item). But from the API side ,there are no blank items are coming. This is what I tried. Can someone help to solve this issue</p>
  
  <p>View.</p>
  
  <pre><code>&lt;form [formGroup]="feedbackForm" (ngSubmit)="onSubmit()"&gt;
          &lt;table class="table"&gt;
              &lt;thead&gt;
                  &lt;tr&gt;
                      &lt;th scope="col"&gt;Category&lt;/th&gt;
                      &lt;th scope="col"&gt;Option&lt;/th&gt;
                  &lt;/tr&gt;
              &lt;/thead&gt;
              &lt;tbody&gt;
                  &lt;tr formArrayName="arr" *ngFor="let item of feedbackForm.get('arr').controls; let j = index"&gt;
                      &lt;ng-container [formGroupName]="j"&gt;
                          &lt;td&gt;{{item.value.categories}}&lt;/td&gt;
                              &lt;!--Dropdown items are generating from API--&gt;
                          &lt;td&gt;
                              &lt;select name="apivalues" formControlName="option"&gt;
                                  &lt;option  [ngValue]="item.value.categories"&gt;{{item.value.categories}}
                                  &lt;option&gt;
                              &lt;/select&gt;
                          &lt;/td&gt;
                      &lt;/ng-container&gt;
                  &lt;/tr&gt;
  
              &lt;/tbody&gt;
          &lt;/table&gt;
  </code></pre>
  
  <p>This is how items are getting and added to reactive form</p>
  
  <pre><code> getOptionsFromAPI() {
      this.apiService.getOptions()
        .subscribe(res=&gt; {
  
          this.arr = this.feedbackForm.get('arr') as FormArray;
  
          if (res['data'].length &gt; 0) {
            for (let i = 0; i &lt; res['data'].length; i++) {
              this.category = "";
              this.getOptions= response['data'][i].options;
              this.category = response['data'][i].categories
  
              this.arr.push(this.createItems());
            }
          }
        }, 
  
        error =&gt; {
  
  
        });
    }
  
  
    createItem() {
      return this.fb.group({
        category: [this.category],
        options: [this.getOptions],
      })
    }
  </code></pre>