在AngularJS中,可以使用$filter服务来分割数组。下面是一个示例代码:
HTML代码:
-
{{ chunk }}
JavaScript代码:
angular.module('myApp', [])
.controller('myCtrl', function($scope, $filter) {
$scope.array = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
$scope.chunkSize = 3;
$scope.chunks = $filter('chunk')($scope.array, $scope.chunkSize);
})
.filter('chunk', function() {
return function(input, size) {
if (!input) return [];
var chunks = [];
for (var i = 0; i < input.length; i += size) {
chunks.push(input.slice(i, i + size));
}
return chunks;
};
});
在上面的代码中,我们通过$filter服务创建了一个名为'chunk'的过滤器。该过滤器接受一个数组和分割大小作为参数,并返回分割后的数组。在控制器中,我们定义了一个名为array的数组和一个名为chunkSize的变量来指定分割的大小。通过调用'chunk'过滤器,我们将array分割成多个大小为chunkSize的块,并将结果赋值给$scope.chunks变量。最后,我们在HTML中使用ng-repeat指令来遍历$scope.chunks,并显示分割后的数组块。
运行以上代码,将会在页面上显示如下内容:
1, 2, 3
4, 5, 6
7, 8, 9
10
注意:在使用$filter服务时,需要在控制器或模块中注入$filter依赖。
上一篇:AngularJS分割器示例