我在文档中看到 limitTo
过滤器,它允许我限制前 5 个或后 5 个结果,但我想设置限制的开始位置,以便我可以显示第二组结果5 个结果。
是否有内置过滤器?
最佳答案
自 Angular 1.4.0 起,limitTo
filter采用可选的 begin
参数:
<div ng-repeat="item in items | limitTo:5:5">{{item}}</div>
在旧版本中,编写自定义过滤器相当简单。这是基于 Array#slice 的简单实现(请注意,您传递的是第一个和最后一个索引,而不是计数):
app.filter('slice', function() {
return function(arr, start, end) {
return (arr || []).slice(start, end);
};
});
<div ng-repeat="item in items | slice:6:10">{{item}}</div>
工作中的 jsFiddle: http://jsfiddle.net/BinaryMuse/vQUsS/
或者,您可以简单地窃取 the entire Angular 1.4.0 implementation of limitTo
:
function limitToFilter() {
return function(input, limit, begin) {
if (Math.abs(Number(limit)) === Infinity) {
limit = Number(limit);
} else {
limit = toInt(limit);
}
if (isNaN(limit)) return input;
if (isNumber(input)) input = input.toString();
if (!isArray(input) && !isString(input)) return input;
begin = (!begin || isNaN(begin)) ? 0 : toInt(begin);
begin = (begin < 0 && begin >= -input.length) ? input.length + begin : begin;
if (limit >= 0) {
return input.slice(begin, begin + limit);
} else {
if (begin === 0) {
return input.slice(limit, input.length);
} else {
return input.slice(Math.max(0, begin + limit), begin);
}
}
};
}
关于angularjs - 在 AngularJS 中使用 ng-repeat 过滤结果 6 到 10(共 100 个),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14796087/