Создание панели поиска ионов с помощью ionic не используя ionic 2

Я создал приложение, используя в соответствии с ниже кодирования, я хочу обрабатывать представление списка с ионной строке поиска в соответствии с ниже изображения. Возможно, если так предложить мне некоторые идеи или еще код блога было бы полезно для меня.

Примечание: согласно приведенному ниже коду, поиск работал хорошо, но если поиск произошел, его показывает текст с совпадающим списком и даже не совпадающий список с пустой ячейкой. Поэтому я хочу обрабатывать поиск, как вторая оснастка, упомянутая ниже.

образец.формат html

<ion-view view-title="Call Lists">
<ion-content class="customListView" has-header="true">

<div class="bar bar-header item-input-inset">
<input type="search" placeholder=" Search" ng-model="searchValue"
style="width:100%; padding-left:11px;" />
</div>

<ion-list>

<ion-item class="item item-avatar item-icon-right" ng-repeat="item in callItems.objects"  ng-click="doTask()" can-swipe="true">

<ion-option-button class="button-positive"
ng-click="doEdit()">
<i class="ion-more"></i>
</ion-option-button>

<img src="img/men.png">
<i class="icon ion-ios-arrow-right"></i>

<div ng-repeat="(key, value) in item.Fields | filter:searchValue">

<h3>  {{value.Value}}</h3>

</div>

</ion-item>

</ion-list>

</ion-content>
</ion-view>

Выход :

Snap-1

Я хочу сделать как ниже :

Snap-2

1 ответ

  1. При добавлении ниже строки пустые проблемы ячейки исправлены.

    <ion-item class="item item-avatar item-icon-right" ng-repeat="item in callItems.objects | filter:searchValue"  ng-click="doTask()" can-swipe="true">
    

    Вместо

    <ion-item class="item item-avatar item-icon-right" ng-repeat="item in callItems.objects "  ng-click="doTask()" can-swipe="true">
    

    Дело в том, что я дал два ng-повтора в соответствии с моими сценариями, поэтому я должен установить фильтр поиска для обоих.

    Если у кого-то есть идеи относительно поисковой активности, упомянутые во второй оснастке, поделитесь со мной своими идеями или блогом кода, это было бы полезно для меня.