angularjs自定义过滤器

Posted 2020-08-19

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

检索框：

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