Angular `slice` filter for arrays

AngularJS 1.0.4 + ngResource Includes jQuery

by manoj

HTML

<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.0.4/angular.min.js"></script>
<script src="http://code.angularjs.org/1.0.4/angular-resource.min.js"></script>
<div ng-app="myApp">
  <div ng-controller='MainController' ng-init="start = 0; end = 100;">
    Start: <input ng-model="start"> End: <input ng-model="end">
    <ul>
      <li ng-repeat="item in items | slice:start:end">{{item}}</li>
    </ul>
  </div>
</div>

JavaScript

// Angular `slice` filter for arrays

var app = angular.module('myApp', []);

app.filter('slice', function() {
  return function(arr, start, end) {
    return arr.slice(start, end);
  };
});

app.controller('MainController', function($scope) {
  $scope.items = [];
  for (var i = 0; i < 100; i++) $scope.items.push(i);
});