码迷,mamicode.com
首页 > Web开发 > 详细

angularjs自定义过滤器

时间:2016-11-16 17:24:20      阅读:185      评论:0      收藏:0      [点我收藏+]

标签:接受   app   ng-repeat   lte   功能   blog   ng-model   arp   参数   

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

检索框:
 <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; //返回一个数组 } } });

  

angularjs自定义过滤器

标签:接受   app   ng-repeat   lte   功能   blog   ng-model   arp   参数   

原文地址:http://www.cnblogs.com/lmy2016/p/6070335.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!