2017-10-04 61 views
0

我正在使用角度形式的标签输入组件。ngx-chips最小文本长度

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

的数据来自http服务(观察不到)。

在使用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); 
}; 

感谢

回答

0

看源代码似乎标签输入下拉菜单有一个输入属性 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>