2017-10-04 4 views
0

각 입력 형식의 태그 입력 구성 요소를 사용하고 있습니다.ngx-chips 최소 텍스트 길이

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

데이터는 HTTP 서비스 (관찰 가능한)에서 비롯됩니다.

ngx 칩을 사용하여 나머지 호출을 실행하기 전에 문서에서 최소 텍스트 길이를 지정하는 방법을 찾을 수 없습니다. 내 requestTags 기능이

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

입니다

내 HTML 조각입니다 :

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

덕분에 소스 코드를 보면

답변

0

하면 해당 태그 입력 드롭 다운이 입력을 것 같다 속성 최소 텍스트 인 minimumTextLength 길이를 사용하여 자동 완성 드롭 다운을 표시하고 관찰 가능한 호출을 실행하지 않습니다. 다음과 같이 사용할 수 있습니다 :

<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>