Я новичок в ionic, я начал создавать приложение на нем. В течение последних нескольких дней я искал autocomplete в ионной форме. Я нашел codepan, но это не так просто. Мне нужна автозаполнение, как и JqueryUI.Autocomplete in Ionic
Существует прохладный directive, Uptil теперь это приемлемое решение с 155 * с на GitHub репо, попробуйте:
Спасибо за использование этой директивы;). Я надеюсь, что это соответствует вашим потребностям, и если у вас есть какие-либо проблемы или отзывы, пожалуйста, создайте проблему в репозитории github. –
Я попытался использовать его, но он возвращает объект вместо имени в параметрах поиска при наборе текста. Я использовал http.get (url) в возврате функции обратного вызова. –
@AkashSaxena похоже, что решение работает, и вам нужно снова прочитать документы, чтобы показать правильное значение на дисплее 'item-view-value-key =" child.name "' см. Эту ссылку https://github.com/guylabs/ ion-autocomplete # using-expressions-in-value-keys –
Если вы хотите автозавершения как бутстраповской typehead вместо модальных автозаполнение Guylabs у вас есть allmighty-autocomplete. Это для углового, но я разветвил его и внесло некоторые изменения, чтобы соответствовать ему в ионике.
Работает нормально, но есть одна проблема, если вы поставили перед вводом текста в форму. Вы можете увидеть эту проблему здесь: Clicks on div over an input in Ionic
Вы можете попробовать это.
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: Example on Github
Я надеюсь, что это помогает.
был полезен для вас? –