Как использовать автозаполнение с onsen-ui?

Question

Я создаю мобильное приложение с Onsen-ui, которое построено на AngularJS, с которым я не знаком. Я хотел бы использовать удаленный автозаполнение в строке поиска и заполнить список ons с результатами.

Я просмотрел документацию, и я не смог найти ничего, связанного с автозаполнением, просто он-ленивый-повтор, который хорош, но невозможно отфильтровать результаты с помощью ввода поиска.

Я знаю, что я могу использовать JQuery или JQuery Mobile, но, импортировали необходимые файлы, которые я все еще получаю ошибку: «автозаполнения не является функцией», и страницы не будут отображаться какие-либо элементы JQuery Mobile.

Theese мой импорт:

<link rel="stylesheet" href="components/loader.css"> 
<link rel="stylesheet" href="css/style.css"> 

<script src="components/monaca-onsenui/js/onsenui_all.min.js"></script> 
<link rel="stylesheet" href="components/monaca-onsenui/css/onsen-css-components.css"> 

<script src="components/monaca-jquery/jquery.js"></script> 
<script src="components/monaca-jquery-mobile/jquery.mobile.js"></script> 
<link rel="stylesheet" href="components/monaca-jquery-mobile/css/jquery.mobile.structure.css"> 

<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script> 

<script src="js/app.js"></script> 

Есть ли способ сделать JQuery UI или JQuery Мобильной работу с онсэном-интерфейсом, или создать автозаполнения с AngularJS или в каком-либо образом?

Answer 1

Поверьте мне, это не так сложно.

Для этого вам не нужен jQuery. jQuery Mobile не может работать с OnsenUI.

Посмотрите на эту ссылку: http://www.gajotres.net/ionic-framework-tutorial-5-master-detail-pattern/

Раскрытие это мой личный блог. Вы найдете простой рабочий пример, показывающий, как использовать шаблон Master-Detail с OnsenUI.

Вы должны быть заинтересованы в первой части этой статьи.

В нем я использую удаленный API для сбора удаленных данных и отображения их внутри компонента списка. По сути, все, что вы пишете в окне поиска, будет возвращено в виде отфильтрованного набора результатов.

P.S.

Вы не можете использовать jQuery Mobile с OnsenUI, оба из них являются мобильными интерфейсами пользовательского интерфейса. Никогда не смешивайте их вместе, нет смысла.

В то время как OnsenUI поддерживает jQuery, попробуйте использовать его минимально. OnsenUI был создан для работы с AngularJS, так что вы должны учиться.

Мой совет, смотреть следующее: https://www.youtube.com/watch?v=TRrL5j3MIvo. Вы забудете все о jQuery после просмотра этого видео.