数组list:
[ { name:'张三',age:20,city:'上海' },{ name:'李思',age:30,city:'北京' },{ name:'王五',age:25,city:'深圳' } ]
1.自定义过滤器方式一 (在controller方法内定义一个方法)
html:
js:<li ng-repeat=" item in list | filter : myFilter1">
var app=angular.module('myApp',[]); app.controller("myCtrl",function($scope,List){ $scope.list=List; //自定义过滤器 方式一 仅显示年龄小于30岁的人员 $scope.myFilter1=function(obj){ if(obj.age < 30){ return true; }return false; }; });
2.自定义过滤器方式二 (.filter方法)
html:
<li ng-repeat=" item in list | filterCity">js:
//自定义过滤器 方式二 不显示上海的人员 app.filter('filterCity',function(){ return function (obj){ var newObj=[]; angular.forEach(obj,function(o){ if(o.city != "上海"){ newObj.push(o); } }); return newObj; } });
3.自定义过滤器方式三
<li ng-repeat=" item in list | myfilterage">js:angular.module('myApp',[],function($filterProvider,$provide,$controllerProvider){ //自定义过滤器 方式三 仅显示年龄大于等于25岁的人员 $filterProvider.register('myfilterage',function(){ return function (obj){ var newObj=[]; angular.forEach(obj,function(o){ if(o.age >= 25){ newObj.push(o); } }); return newObj; } }); //定义服务 $provide.service('List',function(){ return [ { name:'张三',city:'深圳' } ] }); //定义控制器 $controllerProvider.register('myCtrl',List){ $scope.list=List; }); });
原文地址:https://www.jb51.cc/angularjs/148730.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。