在某些字符输入角度后显示搜索结果

Question

我有搜索屏幕，根据搜索查询填充数据..

我想要什么 -

•输入第3个字符时应填充数据 搜索框

 <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>