title: Mat-Autocomplete multiple fields
body: <p>I am using Mat-Autocomplete but for some reason it only works when I am using 1 field, when I add another second field something strange happens. </p>
  
  <p>Both on field 1 as in field 2 I get the same options in my dropdown, these options are the options who should only be available when I edit field 2.</p>
  
  <p>Is it even possible to have more than 1 field, I never see any examples on this matter.</p>
  
  <p>FIELD1</p>
  
  <pre><code>&lt;div class="col input-group mb-3"&gt;
    &lt;div class="input-group-prepend"&gt;
      &lt;span class="input-group-text"&gt;Sender&lt;/span&gt;
    &lt;/div&gt;
    &lt;mat-form-field&gt;
    &lt;input matInput [matAutocomplete]="auto" type="text" class="form-control" (ngModelChange)="change()" [(ngModel)]="terms[sender]" [ngModelOptions]="{standalone: true}"&gt;
    &lt;mat-autocomplete #auto="matAutocomplete"&gt;
      &lt;mat-option *ngFor="let document of documents" [value]="document._source.field.Sender"&gt;
        &lt;span&gt;{{document._source.field.Sender}}&lt;/span&gt;
      &lt;/mat-option&gt;
    &lt;/mat-autocomplete&gt;
    &lt;/mat-form-field&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>FIELD2</p>
  
  <pre><code>    &lt;div class="col input-group mb-3"&gt;
    &lt;div class="input-group-prepend"&gt;
      &lt;span class="input-group-text"&gt;Receiver&lt;/span&gt;
    &lt;/div&gt;
    &lt;mat-form-field&gt;
      &lt;input matInput [matAutocomplete]="auto" type="text" class="form-control" (ngModelChange)="change()" [(ngModel)]="terms[receiver]" [ngModelOptions]="{standalone: true}" &gt;
      &lt;mat-autocomplete #auto="matAutocomplete"&gt;
        &lt;mat-option *ngFor="let document of documents" [value]="document._source.field.Receiver"&gt;
          &lt;span&gt;{{document._source.field.Receiver}}&lt;/span&gt;
        &lt;/mat-option&gt;
      &lt;/mat-autocomplete&gt;
    &lt;/mat-form-field&gt;
  &lt;/div&gt;
  </code></pre>