angular - 作为用户类型动态填充 mat-autocomplete 下拉列表

Question

我正在使用mat-autocomplete但不是预先填充下拉列表，我想等到用户键入 soemthing 然后调用后端服务来填充它。这是我试图解决的例子。我的想法是(keyup)在输入中添加一个，然后在我键入时调用我的函数：

<mat-form-field class="example-full-width">
    <mat-label>Number</mat-label>
    <input (keyup)="mycustomfilter($event.key)"**type="text"
           placeholder="Pick one"
           aria-label="Number"
           matInput
           [formControl]="myControl"
           [matAutocomplete]="auto">
    <mat-autocomplete autoActiveFirstOption #auto="matAutocomplete">
      <mat-option *ngFor="let option of filteredOptions | async" [value]="option">
        {{option}}
      </mat-option>
    </mat-autocomplete>