title: Display search result only if a match is found in Angular (Ng-Repeat)
body: <p>I have an array of orders in my JSON data, on my list page I only wish to display the order beneath if a search match is found, rather than display all the orders, like I currently have in the gif below prior to my search match.</p>
  
  <p>is there an ng-show/hide I can do to hide order prior to search?</p>
  
  <p><a href="https://i.stack.imgur.com/VHMzJ.gif" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/VHMzJ.gif" alt="Hide Initial Order List"></a></p>
  
  <pre><code>        &lt;ion-header-bar class="bar-dark"&gt;
      &lt;h2 class="title"&gt;Order List&lt;/h1&gt;
      &lt;/ion-header-bar&gt;
      &lt;div class="bar bar-subheader item-input-inset bar-light"&gt;
        &lt;label class="item-input-wrapper"&gt;
          &lt;i class="icon ion-search placeholder-icon"&gt;&lt;/i&gt;
          &lt;input type="search" ng-model="query" placeholder="Search"&gt;
        &lt;/label&gt;
      &lt;/div&gt;
  
    &lt;ion-content class="has-subheader"&gt;
      &lt;ion-list&gt;
        &lt;ion-item ng-repeat="order in orders | filter:query" class="item-thumbnail-left item-text-wrap"
        href="#/tab/list/{{order.bkur_user}}"&gt;
          &lt;h2&gt;Production Name: {{order.bkav_name}}&lt;/h2&gt;
          &lt;h3&gt;Seatcount: {{order.bkur_seatcount}}&lt;/h3&gt;
          &lt;h2&gt;Order Subtotal: £{{order.bkur_subtotal}}&lt;/h2&gt;
        &lt;/ion-item&gt;
      &lt;/ion-list&gt;
    &lt;/ion-content&gt;
  </code></pre>