顯示搜索結果後，一些輸入的字符角

Question

我有填充基於搜索查詢的數據搜索屏幕..

我想要什麼 -

•數據應該在進入第三個字符填充 搜索框

<div class="container-fluid"> 
    <div class="row"> 
    <div class="col-md-2"> 
     <!--Sidebar content--> 

     Search: 
     <input ng-model="query"> 

    </div> 
    <div class="col-md-10"> 
     <!--Body content--> 

     <ul class="phones"> 
     <li ng-repeat="detail in details | filter:query"> 
      <span>{{detail.name}}</span> 
      <p>{{detail.snippet}}</p> 
     </li> 
     </ul> 

    </div> 
    </div> 
</div> 

Simple Demo

請幫助我！

Answer 1

檢查變量查詢的長度並使用ng-show隱藏/顯示結果。

<ul ng-show="query.length>=3" class="phones"> 
    <li ng-repeat="detail in details | filter:query"> 
     <span>{{detail.name}}</span> 
     <p>{{detail.snippet}}</p> 
    </li> 
    </ul>