如何清除primeng multiselect中的搜索文本框

@ViewChild('multiSelect', { static: false }) multiSelect: MultiSelect;

this.multiSelect.filterInput.nativeElement.value = '';

import { Component, ViewChild } from '@angular/core';
import { MultiSelect } from 'primeng/multiselect';

@Component({
  selector: 'app-example',
  template: `
    <p-multiSelect #multiSelect [options]="options" [(ngModel)]="selectedOptions"></p-multiSelect>
    <button (click)="clearSearch()">Clear Search</button>
  `
})
export class ExampleComponent {
  @ViewChild('multiSelect', { static: false }) multiSelect: MultiSelect;
  options: any[]; // 选项数据
  selectedOptions: any[]; // 已选中的选项

  clearSearch() {
    this.multiSelect.filterInput.nativeElement.value = '';
  }
}