Question

我有一个效果很好的表单，我想为其添加过滤器。

目前我可以用他的名字搜索一个人，但我希望能够搜索他的名字和他的电子邮件地址。

{
    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>

感谢您的回答：）

Answer 1

只需在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>

Answer 2

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

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

然后在ng-repeat by：

中应用此过滤器

<ion-item ng-repeat="item in list | filter : filterBy track by $index" ng-click="showCard(item)">{{ item.name | UpFirstLetter }} {{ item.fname | UpFirstLetter }}</ion-item>

具有angularjs的多标准形式

2 个答案: