2015-11-19 37 views
0

有没有人能成功地在其离子应用程序中使用全能自动完成功能?Ionic and Allmighty Autocomplete

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

下面是我试图解决用例:

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

全能自动完成是我来到的壁橱之一,但它不工作。我看到{{attrs.placeholder}},但是当我开始输入时它什么都不做。

+0

你实际看到的表情?即您看到页面上的“{{}}”?这表明角度没有正确加载;控制台中有什么错误? – Claies

+0

Claies - 感谢您的帮助。你是对的。它没有正确加载,因为它自己在github上的例子没有工厂。但是,示例应用程序源代码有一个需要加载的工厂。现在我可以修改我的代码,使其与web服务一起工作。 – singh

回答

2

你可以用这个

  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

我希望这有助于

0

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