Показать результат поиска, только если совпадение найдено в Angular (Ng-Repeat)

Question

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

есть ng-show/hide Я могу сделать, чтобы скрыть заказ перед поиском?

 <ion-header-bar class="bar-dark"> 
    <h2 class="title">Order List</h1> 
    </ion-header-bar> 
    <div class="bar bar-subheader item-input-inset bar-light"> 
     <label class="item-input-wrapper"> 
     <i class="icon ion-search placeholder-icon"></i> 
     <input type="search" ng-model="query" placeholder="Search"> 
     </label> 
    </div> 

    <ion-content class="has-subheader"> 
    <ion-list> 
     <ion-item ng-repeat="order in orders | filter:query" class="item-thumbnail-left item-text-wrap" 
     href="#/tab/list/{{order.bkur_user}}"> 
     <h2>Production Name: {{order.bkav_name}}</h2> 
     <h3>Seatcount: {{order.bkur_seatcount}}</h3> 
     <h2>Order Subtotal: £{{order.bkur_subtotal}}</h2> 
     </ion-item> 
    </ion-list> 
    </ion-content> 

Answer 1

Самый простой способ можно было бы добавить ng-show='query' в список или даже на элемент списка, то есть:

<ion-list ng-show='query'> 

или

<ion-item ng-show='query' ng-repeat="order in orders | filter:query" class="item-thumbnail-left item-text-wrap" 
     href="#/tab/list/{{order.bkur_user}}"> 

Answer 2

см How to display length of filtered ng-repeat data

, а затем сделать ng-hide в списке ионов, если длина отфильтрованного списка больше 1, чем скрыть ... при условии, что должен быть только один?