我需要ng2-select给我一个能够输入和过滤列表的项目列表,一个自动完成功能。
问题是我的列表太大(+1000项)所以我的想法是只在输入至少3个字符后显示它才能减少列表。
如果有一个重量较轻的自动完成场,我也会对它们开放。
答案 0 :(得分:0)
您可以使用npm安装Is defun or setf preferred for creating function definitions in common lisp and why?组件。然后您可以配置使用
min-chars ,数字,当源是远程数据时,要查看的字符数下拉列表
答案 1 :(得分:0)
您可以将项目设置为空,直到满足您的条件(3个字符)。 所以你会有这样的事情:
completeItems: Array<string> = []; //your 1k+ list
items: Array<string> = []; //reduced list of items to show
public search(searchString: string) {
if(searchString.length>2){ //3 character minimum
this.items = this.completeItems;
}
else{
this.items = [];
}
}
和你的ng-select:
<ng-select
[items]="items"
(typed)="search($event)"
(data)="refreshValue($event)"
(selected)="selected($event)"
(removed)="removed($event)">
</ng-select>
删除字符时有一些问题,但是有些问题。