在用户输入角度 2 时更改 ng-select 组件的输入值答案

【问题标题】：Changing the input value of the ng-select component while user types in angular 2在用户输入角度 2 时更改 ng-select 组件的输入值
【发布时间】：2018-10-12 16:47:54
【问题描述】：

我有一个 ng-select 组件。我想修剪用户在输入时输入的输入文本。我有下面的代码，我可以获取用户输入的文本，但我无法找到将修剪后的文本放回 ng-select 的方法。

<ng-select #vehicleInfoSelect [allowClear]="true"
   [(items)]="vehicleNumberList"
   (selected)="vehicleNoSelected($event)"
   (removed)="vehicleNoRemoved($event)"
   (typed)="vehicleNumberTyped($event)"
   placeholder="{{'vehicleInfo.placeHolder.filterVehicleNumberSelectBox'|translate}}">

</ng-select>

打字稿代码

@ViewChild('vehicleInfoSelect') public vehicleInfoSelect: SelectComponent;

vehicleNumberTyped(text:String){
    console.log(text);
   // here i want to trim the text and
   // set the input field of the ng-select;
}

任何帮助都会很棒。谢谢..

【问题讨论】：

标签： angular autocomplete angular-ngselect

【解决方案1】：

我猜这个库没有提供这种机制来做到这一点。你可以通过访问这个私有变量来实现这一点

this.behavior.filter(new RegExp(escapeRegexp(this.inputValue), 'ig'));

哪些是可用的 ng-select 源代码。

@ViewChild('vehicleInfoSelect') public vehicleInfoSelect: SelectComponent;

vehicleNumberTyped(text:String){
    console.log(text);
console.dir(this.vehicleInfoSelect);
}

如果您可以分享console.dir(this.vehicleInfoSelect); 的输出，我可以进一步帮助您。

第二种方法是将dispatchEvent更改事件更改为select的输入元素，这会更复杂。

第三种方法是搜索满足您要求的其他包

【讨论】：