离子自动完成

Question

我需要在我的离子项目中具有自动填充字段。我已经发现的离子自动完成插件&和我有 尝试下面的代码，

插件：

bower install ionic-autocomplete 

HTML：

<input type="text" ng-model="search" ionic-autocomplet="{item:countries, onSelect: ToGetData}" />

控制器：

.controller('MyCtrl', function($scope){ 
    $scope.countries = [ 
    {name: 'Afghanistan', code: 'AF'}, 
    {name: 'Antigua and Barbuda', code: 'AG'}, 
    {name: 'Bahamas', code: 'BS'}, 
    {name: 'Cambodia', code: 'KH'}, 
    {name: 'Cape Verde', code: 'CV'} 
    ]; 
    $scope.ToGetData = function(item) { 
    alert('The selected item is: '+item); 
    } 
}); 

但是，它不工作...

我曾尝试用以下链接还可以，但没有工作，

https://github.com/guylabs/ion-autocomplete#installation

How to implement Autocomplete TextBox using AngularJS?

谁能告诉我，如何使用离子实现自动完成？

任何帮助将被赞赏！

Answer 1

改正的代码将如下所示： -

在HTML： -

<input ion-autocomplete type="text" readonly="readonly" class="ion-autocomplete" autocomplete="off" ng-model="model" items-method="ToGetData(query)" item-view-value-key="name" /> 

在JS： -

.controller('MyCtrl', function($scope){ 
     $scope.countries = [ 
     {name: 'Afghanistan', code: 'AF'}, 
     {name: 'Antigua and Barbuda', code: 'AG'}, 
     {name: 'Bahamas', code: 'BS'}, 
     {name: 'Cambodia', code: 'KH'}, 
     {name: 'Cape Verde', code: 'CV'} 
     ]; 

// Called everytime the user types something in the search box with the query passed as an argument 
     $scope.ToGetData = function(query) { 
      if(query) { 
      // Filter data based on the query passed 
      return item; 
      } 
      else { 
      return $scope.countries; // Display all of the data initially 
      } 
     } 
    }); 

希望帮助！ 让我知道，如果它仍然不起作用。