title: How to have a form control value as an object and render its label in input field?
body: <p>I have simple form where I have input field with autocomplete (Angular Material components). The thing is, when I select value from autocomplete box, Input fields yelds <code>[Object object]</code> as value while I would like it to be some sort of valuer related text. Is it possible out of the box or do I have to manipulate DOM element directly to achieve that?</p>
  
  <p>value of that field is an <code>Host</code> object intentionally .</p>
  
  <p>Form:</p>
  
  <pre><code>&lt;form [formGroup]="form" class="full-width"&gt;
    &lt;mat-form-field&gt;
      &lt;mat-label&gt;Host&lt;/mat-label&gt;
      &lt;input type="text" matInput formControlName="host" [matAutocomplete]="hostSuggestionsAutocomplete"
             placeholder="Host"/&gt;
    &lt;/mat-form-field&gt;
    &lt;mat-form-field&gt;
      &lt;input matInput formControlName="delay" placeholder="Delay" type="number" min="1" max="3600"/&gt;
      &lt;mat-error&gt;Delay must be between 1 and 3600 seconds&lt;/mat-error&gt;
    &lt;/mat-form-field&gt;
  &lt;/form&gt;
  
  &lt;mat-autocomplete #hostSuggestionsAutocomplete=matAutocomplete&gt;
    &lt;mat-option *ngFor="let hostSuggestion of hostSuggestions"
                [value]="hostSuggestion"&gt;{{hostSuggestion.toViewLabel()}} #{{hostSuggestion.id}}&lt;/mat-option&gt;
  &lt;/mat-autocomplete&gt;
  </code></pre>
  
  <p>Host:</p>
  
  <pre><code>export class Host {
    id: number;
    address: String;
    label: String;
    status: HostStatus;
    lastStatusUpdate: Date;
  }
  Result af
  </code></pre>
  
  <p>ter picking from autocomplete:</p>
  
  <p><a href="https://i.stack.imgur.com/G0mSl.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/G0mSl.png" alt="enter image description here"></a></p>
  
  <p>Instead of <code>[Object object]</code> I would like it to be lets say <code>value.id + value.address</code> or something similar - in general, custom label for that.  </p>
  
  <p>In AngularDart there was an option to specify item redered - a function that takes value and produces "label" for it that is rendered in input field. </p>