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>

次に、このフィルターをng-repeatbyに適用します。

<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 に答える