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

Display search result after some character entered angular

本文关键字:显示 搜索结果 字符输入      更新时间:2023-09-26

我有一个搜索屏幕,它根据搜索查询填充数据。。

我想要什么-

•在搜索框

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

简单演示

请帮帮我!!

检查变量查询的长度,并使用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>