title: Patch value to select box in Angular 9
body: <p>I'm trying to patch value in my edit form using reactive forms. I'm able to console the value, but it's not being binded to my html. If i try the same thing in input box, i'm able to see the value. Can anyone let me know where it's going wrong?</p>
  <pre><code>patchGrowLicense(licenseObj) {
      console.log(licenseObj.landId);
      this.httpService.getAllFarmById(licenseObj.landId).subscribe(response =&gt; {
        this.farmObj = response;
        console.log(this.farmObj.street + ' , ' + this.farmObj.suburb + ' , ' + this.farmObj.town);
        this.formGrowLicense.patchValue({
          town:this.secondFormLocation.value.propertyName,
          growLicFromLoc: this.farmObj.street + ' , ' + this.farmObj.suburb + ' , ' + this.farmObj.town,
         
        });
  
      });
    }
  
    getAllFarmLocations() {
  
      this.httpService.getAllFarmLocations().subscribe(response =&gt; {
        this.locations = response;
  
        console.log(this.locations);
      });
    }
  </code></pre>
  <p>html</p>
  <pre><code>&lt;div class=&quot;form-group col-sm-4&quot;&gt;
    &lt;label&gt;Farm Location&lt;/label&gt;
  
    &lt;select class=&quot;form-control&quot; (change)=&quot;changeEvents($event)&quot; formControlName=&quot;growLicFromLoc&quot;&gt;
  
      &lt;!-- &lt;option disabled&gt;Select Farming Location&lt;/option&gt; --&gt;
      &lt;option&gt;Select Farming Location&lt;/option&gt;
      &lt;option *ngFor=&quot;let location of locations&quot; [value]=location.premisesId&gt;
        {{location.street+&quot; , &quot;+location.suburb+&quot; , &quot;+location.town}}&lt;/option&gt;
    &lt;/select&gt;
  
    &lt;div *ngIf=&quot;!formGrowLicense.controls['growLicFromLoc'].valid &amp;&amp; (formGrowLicense.controls['growLicFromLoc'].touched || isSubmitted)&quot;&gt;
      &lt;div class=&quot;invalid-feedback&quot; style=&quot;display: block;&quot;&gt;Please enter farm location&lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>