AngularJS 中的自动完成

Question

我是新来的。我想创建一个自动完成文本框，在更改文本时触发 AJAX 调用。但是 AJAX 调用的最小长度为 3 个字符，并且当用户输入第 4、5 或第 6 个字符时，它不会再次进行 AJAX 调用，但它只会从以前的数据中排序。 所以基本上，它只会在前 3 个字符被更改（以及最少 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。 示例 Plnkr 由 mkearl 提供。希望这会有所帮助！。