一致が一致（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

を見ます

フィルタリストの長さが1より大きい場合は、イオンリスト上でng-hideを実行します。