国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發 > JS > 正文

Angularjs中如何使用filterFilter函數過濾

2024-05-06 16:28:02
字體:
來源:轉載
供稿:網友
這篇文章主要介紹了Angularjs中如何使用filterFilter函數過濾的相關資料,需要的朋友可以參考下
 

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 < predicates.length; jii){if(!predicates[j](value){return false;})}return true;} if(comparatorType != 'function'{if(comparatorType === 'boolean' && comparator){comparator = function(obj, text){return angular.equals(obj, text);}} else {comparator = function(obj, text){...}}}) }}

controller部分如下:

angular.module('app').controller('MainCtrl', ['$scope',function($scope) {$scope.users = $scope.users = [{name: '', email: '', joined: 2015-1-1}];$scope.filter = {fuzzy: '',name: ''};...}]);

搜索所有任意字段

<input type="text" ng-model="filter.any" ><tr ng-repeat="user in users | filter: filter.any"><td>{{user.name}}</td><td>{{user.email}}</td><td>{{user.joined | date}}</td></tr>

搜索某個字段

<input type="text" ng-model="filter.name"><tr ng-repeat="user in users | filter: filter.any| filter: {name: filter.name}"><td>{{user.name}}</td><td>{{user.email}}</td><td>{{user.joined | date}}</td></tr>

如果想name字段完全匹配:

<tr ng-repeat="user in users | filter: filter.any| filter: {name: filter.name}:true"><td>{{user.name}}</td><td>{{user.email}}</td><td>{{user.joined | date}}</td></tr>

搜索時間段

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 <= expected;};}]);

頁面部分為:

<input type="text" ng-model="fromDate" data-min-date="{{minDate}}"><input type="text" ng-model="untilDate" data-max-date="{{maxDate}}"><tr ng-repeat="user in users | filter: filter.any| filter: {name: filter.name}| filter: {joined: untilDate}:max| filter: {joined: beforeDate}:min"><td>{{user.name}}</td><td>{{user.email}}</td><td>{{user.joined | date}}</td></tr>

以上所述是小編給大家分享的Angularjs中如何使用filterFilter函數過濾的相關知識,希望對大家有所幫助。



注:相關教程知識閱讀請移步到JavaScript/Ajax教程頻道。
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 崇左市| 利辛县| 墨竹工卡县| 铜山县| 南岸区| 岗巴县| 娄底市| 济宁市| 罗平县| 遵化市| 玉龙| 永安市| 体育| 巩义市| 秦安县| 克东县| 廉江市| 库尔勒市| 瑞金市| 通州市| 巍山| 玛沁县| 阿拉善左旗| 尚义县| 林西县| 鸡西市| 绩溪县| 桃源县| 顺义区| 清水县| 抚宁县| 葵青区| 普兰店市| 吉木萨尔县| 工布江达县| 宝应县| 广灵县| 通河县| 门头沟区| 洞头县| 宁蒗|