AutoComplete использовать с ответом http

Question

Мне нужно создать вход автозаполнения в приложении MVC, чтобы получить данные по запросу $ http. после того, как три более поздних запроса типа должны функционировать, и результаты должны заполнить пользователя, чтобы выбрать их выбор.

Я использовал JqueryUI автозаполнение. но это только заполнение результатов при нажатии клавиши. Мне нужны всплывающие результаты сразу после ввода 3 последних (как только результаты приходят по запросу http).

вот мой текущий код

<input id="vendorName" type="text" ng-model="test" ng-keyup="AutoCompleteVendorByName_KeyUpEvent(test)" ng-keydown="VendorFilter()" />  





$scope.AutoCompleteVendorByName_KeyUpEvent = function(nameString) { 
    if (nameString.length == 3) { 
     $http({ 
      url: "/DirectPayment/GetVendorsByPartialName", 
      method: "POST", 
      headers: { 
      "accept": "application/json;odata=verbose", 
      "content-Type": "application/json;odata=verbose" 
      }, 
      data: JSON.stringify({ 
      name: nameString 
      }) 
     }).success(function(data, status, headers, config) { 
      $scope.listVendors = data; 
      $scope.listVendorsName = $scope.listVendors.map(function(el) { 
      return el.name; 
      }); 
      $scope.VendorFilter(); 


     }); 
    } 
} 

$scope.VendorFilter = function() { 
    if ($scope.listVendorsName.length > 0) { 
     $("#vendorName").autocomplete({ 
      source: $scope.listVendorsName, 
      minLength: 1 
     }); 
    } 
} 

Answer 1

Вы можете изменить MINLENGTH: 1 с MINLENGTH: 3