Question

我正在以角度形式使用标签输入组件。

https://github.com/Gbuomprisco/ngx-chips

数据来自http服务（Observable）。

我无法在文档中找到在使用ngx-chips执行休息调用之前指定最小文本长度的方法。

我的html片段是

<tag-input name="tagList" [addOnBlur]="true" formControlName="tagList"  theme='bootstrap' [clearOnBlur]="true" [onlyFromAutocomplete]="false" onTextChangeDebounce="100">
   <tag-input-dropdown [autocompleteObservable]="requestTags" >
</tag-input-dropdown>

我的requestTags函数是：

public requestTags = (text:string ) =>{
    return this.resourceService.findMatchingTags(text);
};

由于

Answer 1

查看源代码似乎tag-input-dropdown有一个输入属性 minimumTextLength是最小文本长度，用于显示自动完成下拉列表而不执行Observable调用。它可以如下使用：

<tag-input name="tagList" [addOnBlur]="true" formControlName="tagList"  theme='bootstrap' [clearOnBlur]="true" [onlyFromAutocomplete]="false" onTextChangeDebounce="100">
   <tag-input-dropdown [autocompleteObservable]="requestTags" [minimumTextLength]="2">
</tag-input-dropdown>

ngx-chips最小文本长度

1 个答案: