如何使用自动完成与onsen-ui？

Question

我正在用Onsen构建一个移动应用程序，它是基于AngularJS构建的，我对此并不熟悉。我希望在搜索栏上使用远程自动完成，并使用结果填充一个on -list。

我浏览了一下文档，找不到任何与自动完成相关的东西，只是开始--懒惰重复--这很好，但是不可能用搜索输入来过滤结果。

我知道我可以使用jQuery或jQuery移动，但是导入了所需的文件后，我仍然会得到错误：“自动完成不是一个函数”，页面将不会显示任何jQuery移动元素。

这些是我的进口品：

<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 Mobile与Onsen一起工作，或者用AngularJS或以任何方式创建自动完成？

Answer 1

相信我这没那么复杂。

首先，您不需要jQuery。jQuery移动甚至不能使用OnsenUI。

看看这个链接：http://www.gajotres.net/ionic-framework-tutorial-5-master-detail-pattern/

披露这是我的个人博客文章。您将找到一个简单的示例，演示如何在OnsenUI中使用主细节模式。

你应该对那篇文章的第一部分感兴趣。

在它中，我使用远程API收集远程数据，并在列表组件中显示它们。从根本上说，写入搜索框中的任何内容都将作为过滤的结果集返回。

P.S.

不能将jQuery移动与OnsenUI结合使用，它们都是移动UI框架。千万不要把它们混在一起，没有意义。

虽然OnsenUI支持jQuery，但尽量减少使用它。OnsenUI是为与AngularJS一起工作而构建的，所以这是您应该学习的。

我的建议，看看这个：https://www.youtube.com/watch?v=TRrL5j3MIvo。看完这段视频后，你会忘记所有关于jQuery的事情。