离子和全能的自动完成答案

【问题标题】：Ionic and Allmighty Autocomplete离子和全能的自动完成
【发布时间】：2016-02-22 06:52:22
【问题描述】：

有没有人能够在他们的 ionic 应用中成功使用 Allmighty Autocomplete？

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

以下是我要解决的用例：

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

Allmighty Autocomplete 是我来的壁橱，但它不起作用。我看到 {{attrs.placeholder}} 但是当我开始输入时它什么也没做。

【问题讨论】：

你真的看到了这个表情吗？即您在页面上看到{{ }}？这表明角度没有正确加载；控制台有什么错误？
克莱斯 - 感谢您的帮助。你是对的。它没有正确加载，因为它在 github 上的示例没有工厂。但是，示例应用程序源代码有一个需要加载的工厂。现在我可以修改我的代码以使其与 Web 服务一起使用。

标签： angularjs ionic-framework

【解决方案1】：

你可以试试这个

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

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

参考：Bower library

例如：Github

我希望这会有所帮助

【讨论】：

【解决方案2】：

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

【讨论】：