离子和全能自动完成

Question

有没有人能够在他们的离子应用程序中成功使用全能自动完成功能？

https://github.com/JustGoscha/allmighty-autocomplete

以下是我要解决的用例：

我有一个表单，我要求用户选择他们的国家，然后根据这个城市选择提供。由于有195个国家/地区，因此选择选项不是一个非常现实的选择。我已经看了几个离子和angularjs的自动完成解决方案。他们中的大多数都有一个带过滤器设置的搜索框。这还包括https://github.com/guylabs/ion-autocomplete

Allmighty Autocomplete是我所遇到的壁橱，但它并不起作用。我看到{{attrs.placeholder}}但是当我开始输入时它没有做任何事情。

Answer 1

您可以尝试使用此

1. 安装凉亭：npm install -g bower
2. 然后，在项目根目录上运行：bower install ionic-autocomplete
3. 在视图<input type="text" ng-model="search" ionic-autocomplet="{item:myItems, onSelect: doSomthing}" />
上添加此属性
4. 最后，将其添加到您的控制器：

.controller('MyCtrl', function($scope){
   $scope.doSomthing = function(item) {
      console.log('The selected item is: '+item);
   }
 });

参考：Bower library

示例：Github

我希望这会有所帮助

Answer 2

github示例源代码有一个需要加载的工厂。