Question

我正在使用Mat-Autocomplete，但是由于某些原因，它仅在我使用1个字段时有效，当我添加另一个字段时，会发生一些奇怪的事情。

在字段1和字段2上，我都在下拉菜单中获得了相同的选项，这些选项是仅当我编辑字段2时才可用的选项。

是否甚至可能有1个以上的字段，但我从未见过有关此事的任何示例。

FIELD1

    boolean result1 = s3client.doesObjectExist("mybucket", "userProfileModule/");
    System.out.println(result);

FIELD2

<div class="col input-group mb-3">
  <div class="input-group-prepend">
    <span class="input-group-text">Sender</span>
  </div>
  <mat-form-field>
  <input matInput [matAutocomplete]="auto" type="text" class="form-control" (ngModelChange)="change()" [(ngModel)]="terms[sender]" [ngModelOptions]="{standalone: true}">
  <mat-autocomplete #auto="matAutocomplete">
    <mat-option *ngFor="let document of documents" [value]="document._source.field.Sender">
      <span>{{document._source.field.Sender}}</span>
    </mat-option>
  </mat-autocomplete>
  </mat-form-field>
</div>

Answer 1

两个自动完成功能具有相同的名称auto，它们需要具有不同的名称：

<input matInput [matAutocomplete]="auto1"...
<mat-autocomplete #auto1=...
...
<input matInput [matAutocomplete]="auto2"...
<mat-autocomplete #auto2=...

垫自动完成多个字段

1 个答案: