angular - 以编程方式清除 PrimeNg 多选过滤器值

Question

在执行某些业务流程的点击事件期间，我需要清除所选值(我已经完成)和 PrimeNG 多选的过滤器值。我没有看到以编程方式访问多选过滤器值的方法，这可能吗？如果可能的话如何？我宁愿不使用 resetFilterOnHide 属性。

Answer 1

有一个选项可以使用 onFilterShow/onFilterHide 事件清除过滤器输入值，有一个名为 _filterValue 的元素的选项可以设置值如下:

HTML:

<p-multiSelect #element [options]=".data" [(ngModel)]="selectedItems"
        optionLabel="label" optionValue="label"
        [filter]="true" (onPanelShow)="onPanelShow(element)">

TS:

  onPanelShow(element: any) {
    element._filterValue = ''
  }

注:PrimeNg V12.0 LTS

这可能对你有帮助。