2017-10-04 8 views
0

私は角のある形のタグ入力コンポーネントを使用しています。ngx-chips分のテキストの長さ

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

データは、HTTPサービス(観測)から来ています。

ngx-chipsを使用して残りの呼び出しを実行する前に、ドキュメントでminテキストの長さを指定する方法が見つかりませんでした。

マイ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> 
関連する問題