如何在 ionic V1 中使用 searchBar答案

【问题标题】：How to use searchBar in the ionic V1如何在 ionic V1 中使用 searchBar
【发布时间】：2018-12-28 04:14:54
【问题描述】：

我正在创建一个建筑测量应用程序，但我很难使用 ionic V1 ion-search。

有人在 ionic 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>

【问题讨论】：

标签： javascript html css angularjs ionic-framework

【解决方案1】：

据我所知。 ionic v1 没有<ion-search> 指令。 Ionic 不提供。

关于搜索，你可以制作一个自定义的搜索表单，实现类似<ion-search>。

你会需要的。带有文本输入的表单（带有输入的 prDios-form2 就可以了。为输入添加 ng-model 和 ng-change），<ion-list> 带有 ng-repeat，<ion-infinite-scroll> 滚动到底部时添加更多结果.

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

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

希望我能有所帮助。干杯！！！

【讨论】：