在AngularJS中自動完成

Question

我是新來的。 我想創建一個自動完成文本框，該文本框在更改文本時會觸發AJAX調用。 但是AJAX調用的最小長度為3個字符，並且當用戶輸入第4、5或第6個字符時，它不會再次執行AJAX調用，而是僅根據先前的數據進行排序。 因此，基本上，僅當前三個字符更改時（至少3個字符），它才會進行AJAX調用。

提前致謝

Answer 1

有點冗長的解釋，因此可以作為答案。

該函數至少包含3個字母：

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

HTML5具有一個稱為<datalist>的現有元素，該元素可幫助自動完成以及選擇文本框。 但是它在Chrome瀏覽器中不能很好地工作。 它進行matches而不是contains ，因此您無法在“ Hi！Hello there”中搜索“ Hello”，並且在Chrome上收到肯定的響應。 適用於FF！

因此，我建議使用angular-ui的ui-select 。 mkearl的樣本Plnkr。 希望這可以幫助！。