<html>

  <head>

 <script src="angular.min.js"></script>

 <script type="text/javascript">

 var arr = [1,2,3,4,5];

 arr.splice(0,arr.length-3  );

 console.log( arr.splice(0,arr.length-3  ) );

 function windowScopedFilter (input,param2) {

      var output = [];

      console.log( param2 );

      angular.forEach(input, function(v,k){

          var org_d = v.name+v.phone ;

          console.log( org_d );

          switch(param2.length){

              case 1:

                  if (org_d.indexOf( param2[0] )!=-1) {

                        output.push(v);

                   }

                  break;

              case 2:

                  if (org_d.indexOf( param2[0] )!=-1 && org_d.indexOf( param2[1] )!=-1 ) {

                        output.push(v);

                   }

                  break;

              case 3:

                  if (org_d.indexOf( param2[0] )!=-1 && org_d.indexOf( param2[1] )!=-1&& org_d.indexOf( param2[2] )!=-1 ) {

                        output.push(v);

                   }

                  break;

          }

      });

      return output;

 }

 var myapp = angular.module('MyFilterApp', []);

 myapp.filter('myfilter', function() {

   return function(input, param1) {

      console.log("------------------------------------------------- begin dump of custom parameters");

      console.log("input=",input);

      console.log("param1(string)=", param1);

      var args = Array.prototype.slice.call(arguments);

      console.log("arguments=", args.length,args);

      //没有传参

      if (3<=args.length) {

           console.log("param2(string)=", args[2]);

           param2 = args[2];

      }

      //传1个参数

      if (4<=args.length) {

           console.log("param3(string)=", args[3]);

           param3 = args[3];

           return window[args[args.length-1]](input,args.splice(1,args.length-3 )  );

      }

      //传两个参数

      if (5<=args.length) {

           console.log("param4(bool)=", args[4]);

           param4 = args[5];

            args.splice(0,args.length-3 );

           return window[args[args.length-1]](input,args.splice(1,args.length-3 )  );

      }

      console.log("------------------------------------------------- end dump of custom parameters");

      // filter //传三个参数

      if (6<=args.length) {

          // return window[args[5]](input,args[2]);

           return window[args[args.length-1]](input,args.splice(1,args.length-3 )  );

      }

      return input;

   };

 });

 myapp.controller('MyFilterController', ['$scope', function($scope) {

   $scope.friends = [{name:'John', phone:'555-1276'},

                      {name:'Annie', phone:'800-BIG-MARY'},

                      {name:'Mike', phone:'555-4321'},

                      {name:'Adam', phone:'555-5678'},

                      {name:'David', phone:'555-8765'},

                      {name:'Mikay', phone:'555-5678'}];

 }]);

 </script>

 </head>

 <body ng-app="MyFilterApp">

 <div ng-controller="MyFilterController">

      <table id="searchTextResults">

       <tr><th>Name</th><th>Phone</th></tr>

       <tr ng-repeat="friend in friends |myfilter:'Mike':'555': true:'windowScopedFilter'">

        <td>{{friend.name}}</td>

        <td>{{friend.phone}}</td>

       </tr>

      </table>

 </div>

 <hr>

 </body>

 </html>

上面的例子可以直接拿取用，目前最多筛选三个参数

参考文档：

http://www.tuicool.com/articles/ueUZBv

http://www.cnblogs.com/xing901022/p/4290102.html

http://www.codeceo.com/article/angularjs-filter-usage.html

http://www.oschina.net/translate/angularjs-filter-creating-custom-filter

angularjs 过滤多组数据的更多相关文章

  1. excel多组数据散点图生成

    在研究数据分布时,散点图是一类比较常用的方法,通过三点图可以很好的显示数据的分布位置.一组数据生成散点图,利用excel是很容易生成的:但是,多组数据生成散点图,不同组数据用不同颜色表示,那该怎么生成 ...

  2. jquery: json树组数据输出到表格Dom树的处理方法

    项目背景 项目中需要把表格重排显示 处理方法 思路主要是用历遍Json数组把json数据一个个append到5个表格里,还要给每个单元格绑定个单击弹出自定义对话框,表格分了单双行,第一行最后还要改ro ...

  3. checkbox提交多组数据到action

    突然想通过checkbox来提交多组数据到action,一时间想不起来怎么写,到网上流岚大婶们的笔迹之后,有了新发现! 方法一: 在action用一个String类型的变量来接受checkbox传过来 ...

  4. invalid types 'int[int]' for array subscript// EOF 输入多组数据//如何键盘输入EOF

    数组维度搞错了 一次运行,要输入多组数据,直到读至输入文件末尾(EOF)为止 while(scanf("%d %d",&a, &b) != EOF) // 输入结束 ...

  5. 学习Angularjs向数据库添加数据

    今天学习angularjs向数据库添加数据. 学习此篇,得从以往几篇开始,因为那还有创建数据表等演示. 现在来创建一个添加的存储过程: SET ANSI_NULLS ON GO SET QUOTED_ ...

  6. 雷林鹏分享：jQuery EasyUI 表单 - 过滤下拉数据网格

    jQuery EasyUI 表单 - 过滤下拉数据网格 下拉数据网格(Combogrid)组件和下拉框(Combobox)组件的共同点是,除了都具有下拉面板以外,它们都是基于数据网格(Datagrid ...

  7. json 数据类型，后台在组数据时，错一个标点符号，前端都解析不出来。

    json 数据类型,后台在组数据时,错一个标点符号,前端都解析不出来.

  8. atitit.软件开发概念--过滤和投影 数据操作

    atitit.软件开发概念--过滤和投影 数据操作 投影的本质及扩展 物体在太阳光的照射下形成的影子(简称日影)就是平行投影.日影的方向可以反映时间 投影还比喻此物通过彼物表现出来的迹象. 作者::老 ...

  9. C/C++中输入多组数据方法

    --------开始-------- 对于刚开始学编程的人来说每次基本上就是一次数据输入,多次的话基本也是会给定一个数组的大小,但随着做刷算法题开始,题目有的会不直接告诉输入几组数据,基本输入都是多组 ...

随机推荐

  1. 【转】mysql INSERT的用法

    转自:http://www.cnblogs.com/ggjucheng/archive/2012/11/05/2754938.html insert的语法 INSERT [LOW_PRIORITY | ...

  2. error: no such device : 76de62ec-ac60-4c4d-bb Entering rescue mode .. grub resuce>（系统硬盘驱动器MBR已损坏）问题解决办法（图文详解）

    问题详情   近期,由于博主我,担任实验室整个大数据集群的leader,突然的断电给整个集群造成,如下的情况问题.(欲哭无泪,我的各种服务啊) 解决办法 第一种方法:尝试,直接重启机器(我这里是台式机 ...

  3. Hadoop Hive概念学习系列之hive的数据压缩（七）

    Hive文件存储格式包括以下几类: 1.TEXTFILE 2.SEQUENCEFILE 3.RCFILE 4.ORCFILE 其中TEXTFILE为默认格式,建表时不指定默认为这个格式,导入数据时会直 ...

  4. virtualwrapper使用

    1.创建: mkvirtualenv 虚拟环境目录 2.查看虚拟环境 workon lsvirtualenv 3.进入虚拟环境 workon 虚拟环境目录 4.退出虚拟环境 deactivate 5. ...

  5. TFS修改了工作区

    计算机修改名字后,更换了TFS工作区,但原工作区的有些文件忘记签入: 解决方案: 删除原工作区即可,实现:到TFS工作区 - “管理工作区”,选中“显示远程工作区”,找到原工作区,删除即可.

  6. webview页面间的通信问题

    前提 记一次多页面开发. 开发需求时会对页面刷新(reload),返回到上一页(用户返回 / history.go()) 页面间的通信 sessionStorage保存本次会话的信息,同步到新页面或上 ...

  7. PLC学习资料

    常用字母 X 输入点(I)可连接外部输入信号 如感应器或限位/按钮等M 内部辅助继电器S 内部步进 不作步进使用时,可用作内部辅助继电器T 时间继电器 内部使用C计数器 内部使用Y输出点(O)输出给外 ...

  8. HDU_1875_畅通工程再续

    畅通工程再续 Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 32768/32768 K (Java/Others)Total Subm ...

  9. autocad 注册表

    序号 版本号1 版本号2 描述 1 R15.0 1:804 2002中文版 2 R15.0 1:409 2002英文版 3 R16.0 201:804 2004中文版 4 R16.0 201:409 ...

  10. Python【每日一问】34

    问: 基础题: 定义函数实现以下功能:求出 0-n 所能组成的奇数个数,位数最多 n+1 (0<n<10),比如键盘输入n=7,求出0-7所能组成的奇数个数 提高题: 有如下分数序列: 2 ...