Question

在html文件中：

<p-multiSelect [filter]="true" [options]="cities1 [(ngModel)]="selectedCities1"></p-multiSelect>

在component.ts

中

ngOnInit() {
    this.testMultiSelect();
}

testMultiSelect() {
    interval(3000).pipe().subscribe(() => {
     this.cities1 = [
      { label: 'New York', value: { id: 1, name: 'New York', code: 'NY' } },
      { label: 'Rome', value: { id: 2, name: 'Rome', code: 'RM' } },
      { label: 'London', value: { id: 3, name: 'London', code: 'LDN' } },
      { label: 'Istanbul', value: { id: 4, name: 'Istanbul', code: 'IST' } },
      { label: 'Paris', value: { id: 5, name: 'Paris', code: 'PRS' } }
    ];
  });
}

在p-multiSelect加载数据之后，我输入
的输入过滤器 p-multiSelect为'new'，过滤后的p-multiSelect结果为：'New 约克”。
我等待3秒钟，输入过滤器中的文本为“ new”，但p-multiSelect的结果为： “纽约，罗马，伦敦，伊斯坦布尔，巴黎”
在p-multiSelect的3s结果后期待输出：“ New York”和文本输入过滤器中的“新”。 this is image for this issue

请帮助我，谢谢。

Answer 1

您设置的间隔正在重置多选过滤器。如果将其删除，则将进行过滤。

您需要间隔时间吗？

Primeng p-multiSelect过滤器无法正常工作

1 个答案: