实现一个按输入框中的数据筛选的功能,筛选可按电影的名称、年份、评分

检索框:
 <input type="text" placeholder="可检索名字评分和年份" class="filter" ng-model="data">

  ng-repeat的li:

<ul>
<li class="moveli" ng-repeat="move in moves|check:data"> //check为过滤器名称,data为绑定的输入框数据
.....
<li>
<ul>

  自定义的过滤器:

app.filter("check",function(){
return function(input,mydata){ //接受的两个参数分别为 input(要过滤的数据),data(输入框输入的数据)
var show = [];
if(input){
for(var i=0;i<input.length;i++){
if(input[i].title==mydata){
show.push(input[i]);
}else if(input[i].year==mydata){
show.push(input[i]);
}else if(input[i].rating.average==mydata){
show.push(input[i]);
}else if(mydata==''){
show.push(input[i]);
}
}
return show; //返回一个数组
}
}
});

  

最新文章

  1. (Java) 2014年1月1日减一个月涉及时间与字符的转换
  2. SQL Server 的数据表简单操作
  3. HDU 5652 India and China Origins(经典并查集)
  4. 利用exif.js解决ios手机上传竖拍照片旋转90度问题
  5. Office2010 pro附+激活工具
  6. hiho_1062_最近公共祖先
  7. JavaWeb学习记录总结(二十九)--Servlet\Session\Cookie\Filter实现自动登录和记住密码
  8. java_反射_及其简单应用(2016-11-16)
  9. 修改一行和修改全表的TX锁
  10. linux下查看和设置软件的安装路径
  11. GitHub Android 最火开源项目Top20 GitHub 上的开源项目不胜枚举,越来越多的开源项目正在迁移到GitHub平台上。基于不要重复造轮子的原则,了解当下比较流行的Android与iOS开源项目很是必要。利用这些项目,有时能够让你达到事半功倍的效果。
  12. Servlet过滤器——日志记录过滤器
  13. google在线测试练习2
  14. 原生ajax实现http请求
  15. LoadRunner11_录制Oracle数据库脚本
  16. 基于Spring Cloud、JWT 的微服务权限系统设计
  17. 五、Redis持久化配置
  18. mod_conference ESL控制二(事件)
  19. Vue.directive自定义指令
  20. WebAPI使用Token进行验证

热门文章

  1. javascript中正则表达式的基础语法
  2. lua 学习 (一 )Mac搭建lua环境和ide
  3. [JS]jQuery,javascript获得网页的高度和宽度
  4. jQuery使用serialize()表单序列化时出现中文乱码问题&amp;js获取url中的参数,并保证获取到的参数不乱码
  5. android ViewPager使用遇到的问题
  6. AChecker + Selenium2对需要登录的页面进行自动化可访问性测试
  7. Oculus中OVRPlayerController飞行视角的制作
  8. laravel的学习感受
  9. 第三讲. COTS包交换介绍
  10. oracle更改用户名