如何使用多组选项在Material Autocomplete中重置自定义过滤器

const options = [
  { id: 1, name: 'Option 1' },
  { id: 2, name: 'Option 2' },
  { id: 3, name: 'Option 3' },
  // ...
];

let selectedOptions = [];

<mat-form-field>
  <input type="text" matInput [matAutocomplete]="auto" [(ngModel)]="selectedOptions">
  <mat-autocomplete #auto="matAutocomplete" [displayWith]="displayFn" (optionSelected)="optionSelected($event)">
    <mat-option *ngFor="let option of filteredOptions" [value]="option">
      {{ option.name }}
    </mat-option>
  </mat-autocomplete>
</mat-form-field>

filterOptions(value: string): Option[] {
  const filterValue = value.toLowerCase();
  return this.options.filter(option => option.name.toLowerCase().includes(filterValue));
}

displayFn(option: Option): string {
  return option ? option.name : '';
}

optionSelected(event: MatAutocompleteSelectedEvent): void {
  const option = event.option.value;
  // 处理选项选择事件的逻辑
}

resetFilter(): void {
  this.selectedOptions = [];
  this.filteredOptions = this.options;
}