자동 완료 AngularJS

저는 (은)는 신입 회원입니다. 텍스트를 변경할 때 AJAX 호출을 트리거하는 자동 완성 텍스트 상자를 만들고 싶습니다. 그러나 AJAX 호출의 최소 길이는 3 자이고 사용자가 4, 5 또는 6 문자를 입력하면 다시 AJAX 호출을하지 않지만 이전 데이터에서만 정렬됩니다. 기본적으로 AJAX 호출은 처음 3자를 바꿀 때만 호출합니다 (최소 3 자까지 가능). 긴 설명의자동 완료 AngularJS

출처

2017-04-13 Gaurav Singh

나는 uib-typeahead가 좋은 옵션이라고 생각한다. UI-Bootstrap을 사용할 수 있다면이 https://angular-ui.github.io/bootstrap/#!#typeahead를 확인하십시오. –

정렬 사전에

덕분에 따라서 답변으로 작성.

적어도 3 개 문자의 기능 :

$scope.checkTitle = function(lettersTyped){ 
    if(lettersTyped.length > 2){ 
      //make API call here 
      $scope.limitTitleSearch = 500; 
    }else{ 
      $scope.limitTitleSearch = 0; 
    } 
}

HTML5는 선택 텍스트 상자와 함께 자동 완성에 도움이 <datalist>라는 기존의 요소를 가지고있다. 하지만 Chrome에서 제대로 작동하지 않습니다. contains 대신 matches을 입력하므로 "안녕하세요! Hello there"에서 "Hello"를 검색하고 Chrome에서 긍정적 인 응답을받을 수 없습니다. FF에서 작동!

따라서 angular-ui의 ui-select을 사용하는 것이 좋습니다. mkearl의 샘플 Plnkr 희망이 도움이!.

출처

2017-04-13 21:24:25

답변

관련 문제