Angularjs中如何使用filterFilter函数过滤_AngularJS
程序员文章站
2022-03-20 15:26:10
...
AngularJS的filter,中文名“过滤器”是用来过滤变量的值,或者格式化输出,得到自己所期望的结果或格式的东东。AngularJS中有一个filterFilter函数用来对集合过滤,非常方便。
源代码大致如下:
function filterFilter(){ return function(aray, expression comparator){ if(!isArray(array)) return array; var comparatorType = typeof(comparator), predicates = [], evaluatedObjects = []; predicates.check = function(value){ for(var j = 0; j
controller部分如下:
angular .module('app') .controller('MainCtrl', ['$scope', function($scope) { $scope.users = $scope.users = [ {name: '', email: '', joined: 2015-1-1} ]; $scope.filter = { fuzzy: '', name: '' }; ... }]);
搜索所有任意字段
{{user.name}} {{user.email}} {{user.joined | date}}
搜索某个字段
{{user.name}} {{user.email}} {{user.joined | date}}
如果想name字段完全匹配:
{{user.name}} {{user.email}} {{user.joined | date}}
搜索时间段
contrlller部分修改为:
angular .module('app') .controller('MainCtrl', ['$scope', function($scope) { $scope.users = $scope.users = [ {name: '', email: '', joined: 2015-1-1} ]; $scope.filter = { fuzzy: '', name: '' }; $scope.minDate = new Date('January 1, 2000'); $scope.maxDate = new Date(); $scope.min = function(actual, expected) { return actual >= expected; }; $scope.max = function(actual, expected) { return actual
页面部分为:
{{user.name}} {{user.email}} {{user.joined | date}}
以上所述是小编给大家分享的Angularjs中如何使用filterFilter函数过滤的相关知识,希望对大家有所帮助。
推荐阅读
-
AngularJS中如何使用$parse或$eval在运行时对Scope变量赋值
-
AngularJS中如何使用$http对MongoLab数据表进行增删改查
-
在AngularJS中如何使用谷歌地图把当前位置显示出来
-
Angularjs中如何使用filterFilter函数过滤
-
AngularJS中的过滤器使用详解
-
AngularJs中的过滤器使用方法
-
AngularJS中控制器函数的定义与使用方法示例
-
详解AngularJS中$filter过滤器使用(自定义过滤器)
-
在angularjs中如何使用$stateProvider的路由进行传参数
-
详解AngularJS中$filter过滤器使用(自定义过滤器)