3 ways in Angularjs templates to ng-repeat max 10

3 ways in Angularjs templates to ng-repeat max 10 – output only 10 items in ng-repeat.

Way 1


<div ng-repeat="item in items|limitTo:10">{{item}}</div>

Way 2


<div ng-repeat="item in items.slice(0, 10)">{{item}}</div>

Way 3


<div ng-repeat="t in getTimes(10)">text</div>

$scope.getTimes=function(n){
     return new Array(n);
};

$scope.getTimes=function(n){

return new Array(n);

};

refs:

https://stackoverflow.com/questions/14198017/iteration-ng-repeat-only-x-times-in-angularjs