angular利用过滤器实现前端搜索

前提:列表加载的是全部的数据

html:
..........
<!---搜索框-->
 <input type="text" placeholder="请输入区位名称" class="form-control" ng-model="searchName"/>
..........

..........
<!---列表--->
<ul class="ports">
      <li class="e-t-item" ng-repeat="node in tree|filter:searchName">
            <a class="e-t-title">{{node.name}}</a>
       </li>
</ul>
..........

如图所示:


filter-demo.png
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  •   JavaScript 与 HTML 之间的交互是通过事件实现的。   事件,就是文档或浏览器窗口中发生的一些特...
    霜天晓阅读 8,862评论 1 11
  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 27,981评论 1 45
  • 你看到了么,藏在心底那枚 永恒闪烁的,白色月亮 那是童年的梦,是光芒 那是路上的灯塔 那是层层叠叠的迷雾里 微弱却...
    俞壹阅读 1,527评论 2 7
  • 凋零后的新生,心里苦涩的一点甘甜!雪 笨笨的傻傻的雪。 一个空旷的空间什么都没有,只有一个简单的雪人,它...
    前方的光阅读 643评论 0 0
  • 我们怎样帮助孩子处理日常生活中的冲突以及帮助他们建立良好的情绪管理能力? 基于爱去行动,而非怕。 生活的一切都是美...
    银杏家园阅读 1,859评论 0 1