2

我有一个运行良好的表单，我想为其添加过滤器。

目前我可以通过他的名字搜索一个人，但我希望也可以用他的名字和他的电子邮件地址进行搜索。

{
    fname : "paul",
    name : "raoul",
    mail : "raou@paul.com"
}

这是我的搜索表格：

<form ng-controller="searchCtrl" id="search-form5" class="list" name="myForm" ng-submit="search()" ng-disabled="myForm.$invalid">
  <label class="item item-input" id="search-search1" style="">
    <i class="icon ion-search placeholder-icon"></i>
    <input placeholder="Search" type="text" ng-model="form.fname" required>
  </label> 

  <ion-list id="menu-list1">
    <ion-item ng-repeat="item in list track by $index" ng-click="showCard(item)">{{ item.name | UpFirstLetter }} {{ item.fname | UpFirstLetter }}</ion-item>
  </ion-list>
</form>

谢谢您的回答 ：）

4

2 回答 2

0

只需添加一个过滤器ng-repeat 

<ion-item ng-repeat="item in list | filter : form.fname track by $index" ng-click="showCard(item)">{{ item.name | UpFirstLetter }} {{ item.fname | UpFirstLetter }}</ion-item>
于 2017-05-01T10:55:59.940 回答
0

要通过任何表单属性的任何匹配字符串进行搜索，搜索模型可以是：

<input placeholder="Search" type="text" ng-model="filterBy.$" required>

然后在 by 中应用此过滤器ng-repeat：

<ion-item ng-repeat="item in list | filter : filterBy track by $index" ng-click="showCard(item)">{{ item.name | UpFirstLetter }} {{ item.fname | UpFirstLetter }}</ion-item>
于 2017-05-01T11:30:16.257 回答