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

Question

我正在使用Onsen-ui构建一个移动应用程序，它是基于AngularJS构建的，我不熟悉它。我想在搜索栏上使用远程自动填充功能，并使用结果填充ons-list。

我浏览了文档，我找不到任何与自动完成相关的内容，只是ons-lazy-repeat这很好，但是无法使用搜索输入过滤结果。

我知道我可以使用jQuery或jQuery Mobile，但是导入了所需的文件后我仍然会收到错误：'autocomplete不是函数'，并且页面不会显示任何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 Mobile与Onsen-ui一起使用，或者用AngularJS或以任何方式创建自动完成？

Answer 1

相信我并不那么复杂。

首先，你不需要jQuery。 jQuery Mobile甚至无法使用OnsenUI。

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

披露它是我个人的博客文章。您将找到一个简单的工作示例，向您展示如何在OnsenUI中使用Master-Detail模式。

您应该对该文章的第一部分感兴趣。

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

<强> P.S。

您无法在OnsenUI上使用jQuery Mobile，它们都是移动UI框架。永远不要把它们混在一起，没有意义。

虽然OnsenUI支持jQuery尝试最低限度地使用它。 OnsenUI是为了与AngularJS合作而构建的，这是您应该学习的内容。

我的建议，请注意：https://www.youtube.com/watch?v=TRrL5j3MIvo。在观看该视频后，您将忘记jQuery的所有内容。