我如何 trim space in primeNg Dropdown (p-dropdown) filter in angular 5？

Question

我在我的 angular 5 项目中使用了 primeNg 下拉列表（p-dropdown），但是当我尝试过滤下拉列表数据时，我在下拉列表显示 没有找到结果 那么我该如何解决呢？

例如我有国家/地区下拉列表，如果我在筛选器 p-下拉列表中搜索之前和之后使用 space 的印度，则显示 No Results Found 消息。

我只是想 trim() 在 primeng p-dropdown 过滤器中搜索字符串

这里是p-dropdown的html代码：

<p-dropdown (onChange)="checkType(model.transectionType)" *ngIf="availableBalance != 0.00" (keydown)="onKeyUp($event)" [style]="{'width':'100%'}" [options]="transectionType" [filter] = "true"
            [resetFilterOnHide] = "true" [(ngModel)]="model.transectionType" 
            [formControl]="form.controls['transectionType']" placeholder="Select a Transaction type" 
            optionLabel="value"></p-dropdown>

Answer 1

我找到了解决方案，但它很复杂。所以基本的事情是当我们在我们的 angular 应用程序中使用 <p-dropdown> 和 [filter]="true" 时，它将具有在 ng_modules->primeng->components-> 中定义的过滤器的 keydown 方法dropdown->dropdown.js 所以要 trim 左右的 serched/filtered 值，我们需要在 inputValue 处添加 .trim() ，如下所示：this.filterValue = inputValue.trim();

Primeng 应该在他们的下拉菜单核心代码中添加这个，这样我们就不需要额外修复它，也不会进一步解决这个问题。

我如何 trim space in primeNg Dropdown (p-dropdown) filter in angular 5？

How do I trim space in primeNg Dropdown (p-dropdown) filter in angular 5?

typescript

dropdown

primeng

angular

angular5