angularjs 的多条件表单

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 中应用此过滤器：

<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 的多条件表单

Multi-criteria form with angularjs

filter

search-form

angularjs

ionic-framework