title: Angular 5 material, fetch mat-options (in autocomplete/select list) from backend server
body: <p>I'm upgrading an app from AngularJS to Angular 5. I figured most things out, but still in a bit of a learning process, and I can't figure out the best way to connect an autocomplete list to the backend. The Material Design website doesn't mention this either.</p>
  
  <p>Here's what the code looks like now:</p>
  
  <pre><code>  &lt;mat-form-field&gt;
  
      // chips are up here
  
      &lt;mat-autocomplete (optionSelected)="chipAdd($event,field)" #auto="matAutocomplete"&gt;
        &lt;mat-option [value]="opt.id" *ngFor="let opt of field.options"&gt;
          {{ opt.name }}
        &lt;/mat-option&gt;
      &lt;/mat-autocomplete&gt;
  
    &lt;/mat-form-field&gt;
  </code></pre>
  
  <p>I've removed the mat-chip-list and only included the relevant code.</p>
  
  <p>So my question is... right now I'm getting the options from field.options -- instead of this, how can I load them dynamically from the http backend, once I start typing?</p>
  
  <p>Thanks for your help! :)</p>