离子自动完成

Question

我是ionic的新手，我已开始在其上创建应用程序。在过去的几天里，我一直在寻找离子中的autocomplete。我发现了一个代码扩展但它并不是那么简单。我需要像JqueryUI提供的那样自动完成。

Answer 1

有一个很酷的directive，现在它是可接受的解决方案，在github repo上有155 * s，试试吧：

Ionic directive - Autocomplete

Ionic directive - Autocomplete Website

Answer 2

如果你想要一个类似bootstrap类型头的自动完成，而不是Guylabs的模态自动完成，那么你有allmighty-autocomplete。这是有角度的，但是我把它分叉并进行了一些修改，使其适合离子。

工作正常但如果您在表单中放入文本输入之前有一个问题。 您可以在此处查看该问题：Clicks on div over an input in Ionic

Answer 3

您可以尝试使用此功能。

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：Example on Github

我希望这会有所帮助。

Answer 4

如果您使用的是Ionic 2+和Angular 2+，则建议使用ionic4-auto-complete。

查看demo here。