输入最少3个字符后,制作Ng2选择节目列表

时间:2017-07-19 22:18:41

标签: angular autocomplete

我需要ng2-select给我一个能够输入和过滤列表的项目列表,一个自动完成功能。

问题是我的列表太大(+1000项)所以我的想法是只在输入至少3个字符后显示它才能减少列表。

如果有一个重量较轻的自动完成场,我也会对它们开放。

2 个答案:

答案 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>
删除字符时有一些问题,但是有些问题。