Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/454.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在ionic V1中使用搜索栏_Javascript_Html_Css_Angularjs_Ionic Framework - Fatal编程技术网

Javascript 如何在ionic V1中使用搜索栏

Javascript 如何在ionic V1中使用搜索栏,javascript,html,css,angularjs,ionic-framework,Javascript,Html,Css,Angularjs,Ionic Framework,我正在创建一个建筑测量应用程序,我很难使用离子搜索 有人在爱奥尼亚1号上做过类似的事情吗?我接受任何帮助 这是我的密码 <ion-content padding="true" class="has-header"> <form id="prDios-form2" class="list"> <label class="item item-input" id="prDios-search2"> <i class="icon ion-se

我正在创建一个建筑测量应用程序,我很难使用离子搜索

有人在爱奥尼亚1号上做过类似的事情吗?我接受任何帮助

这是我的密码

<ion-content padding="true" class="has-header">
<form id="prDios-form2" class="list">
    <label class="item item-input" id="prDios-search2">
      <i class="icon ion-search placeholder-icon"></i>
      <input type="search" placeholder="Localizar">
    </label>
  </form>
<div class="spacer" style="width: 300px; height: 0px;"></div>
<ion-list id="prDios-list2">
  <ion-item class="item-thumbnail-left item-icon-right royal" id="prDios-list-item7" ui-sref="tabsController.abaete()">
    <img src="img/ZrWSoK1zRIi2V8WMALas_Abaete.JPG">
    <h2royal>Abaeté
      <p>Rua Andira</p>
      <i class="icon ion-map"></i>
    </h2royal>
  </ion-item>
</ion-list>

阿巴特
鲁阿安迪拉


据我所知。ionic v1没有
指令。爱奥尼亚没有提供

至于搜索,您可以制作一个自定义搜索表单,并以类似于
的方式实现它

你将需要。带有文本输入的表单(带有输入的prDios-form2就可以了。为输入添加ng模型和ng更改),
带有ng重复,
在滚动到底部时添加更多结果

您可以使用输入的ng change属性查找更改,使用文本字段的ng model值调用api

这是可能的,因为我已经实现了它。附加我创建的自定义离子搜索的图片

希望我能帮上忙。干杯