对我的 ng-repeat 列表实现分页后 ( Update pagination in AngularJS after filtering )
<li ng-repeat="data in filtered = (list | filter:search) ... >
我的自定义过滤器现在出现问题
<li ng-repeat="data in filtered = (list | filter:search) | customFilter:search ... >
我需要此过滤器来按多种语言进行搜索(选择两种或多种语言)。 如果我用列表中的数据替换过滤后的数据= (列表|过滤器:搜索),您将看到它正在工作。但我需要过滤来进行分页。
jsFiddle:http://jsfiddle.net/StinsonMaster/SuEX6/4/ (基于the fiddle from the previous thread)
最佳答案
我想我误解了你原来的问题。
我重写了您的自定义过滤器。它并不完全是面向对象的,但稍加修饰它可能会更具可扩展性。基本上,您只需要比基本 Angular 过滤器更具包容性的东西。
app.filter("customFilter", function() {
return function(input, search) {
if(search && search != undefined) {
var _toRet = new Array();
for(var i in search) {
for(var k in input) {
if(search.indexOf(input[k].language) != -1 && _toRet.indexOf(input[k]) == -1) {
_toRet.push(input[k]);
}
}
}
return _toRet;
} else {
return input;
}
};
});
另请注意 ngRepeat 语法的更改。
ng-repeat="data in filtered = list | filter:search.name | customFilter:search.language | startFrom:(currentPage-1)*entryLimit | limitTo:entryLimit"
关于javascript - 添加分页后 AngularJS 中的自定义过滤器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16162527/