title: Angular 4 / Reactive form and json as select value
body: <p>I have a reactive form created in component: </p>
  
  <pre><code>this.details = this.FormBuilder.group({
    status: {}
  });
  </code></pre>
  
  <p>Then in my template I have:           </p>
  
  <pre><code>&lt;select class="form-control" formControlName="status"&gt;
      &lt;option *ngFor="let status of formValues?.status" [ngValue]="status"&gt;{{status.name}} {{status.description}}&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>and OnChanges called: </p>
  
  <pre><code>  this.details.setValue({
      status: this.data.status
    });
  </code></pre>
  
  <p>The idea is, that I have a single select, that has to have an object as a value. I can't make status as a nested formGroup, since it would have to be spitted into 3 formControls. Everything works fine, despite the setValue. My select is not getting the default data. However, when I change option in select, form model updates correctly.</p>
  
  <p>Any ideas :)?</p>