retrieving data from an array, starting with specific nth item in AngularJs

Question

Working on a project with Angular, and was curious if there is an 'angular-specific' method to acheive this.

I essentially want to retrieve data starting at a specific item in the array, like the 3rd. You'll see in the html what I was curious if angular provides any type of method or filter.

html

  <div ng-controller="bracketsController">
     <div ng-repeat="bracket in brackets  | limitTo: 2" class="bracket-container left" >
      <div>{{bracket.brackets.single.contestant1}}</div>    
      <div>{{bracket.brackets.single.contestant2}}</div>                
     </div>
   <div ng-repeat="bracket in brackets  | limitTo: 2 SOME **Angular FILTER TO START AT 3**" class="bracket-container right" >
      <div>{{bracket.brackets.single.contestant1}}</div>    
      <div>{{bracket.brackets.single.contestant2}}</div>                
   </div>    
 </div>

js

var bracketsapp = angular.module('bracketsApp', []);

bracketsapp.controller('bracketsController', function($scope){
      $scope.brackets = [
      {
        "brackets": {
            "single": {
                "contestant1": "john doe",
                "contestant2": "jane doe"
            }
        }
      },
      {
        "brackets": {
            "single": {
                "contestant1": "john doe",
                "contestant2": "jane doe"
            }
        }
      },
     {
        "brackets": {
            "single": {
                "contestant1": "john doe",
                "contestant2": "jane doe"
            }
        }
      },
     {
        "brackets": {
            "single": {
                "contestant1": "john doe",
                "contestant2": "jane doe"
            }
        }
      },
     {
        "brackets": {
            "single": {
                "contestant1": "john doe",
                "contestant2": "jane doe"
            }
        }
      }
    ]
   });

Thanks for any tips or suggestion.

Mathew Berg · Accepted Answer · 2015-01-07 17:34:50Z

1

You could just use the .slice method directly on the array:

<div ng-repeat="bracket in brackets.slice(3)" class="bracket-container right" >

Besides that though, there is a discussion they are having currently for the next version of angular to support this as a filter. You can follow along here: https://github.com/angular/angular.js/issues/5355

answered Jan 7, 2015 at 17:34

Mathew Berg

28.8k11 gold badges72 silver badges94 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

gregdevs Over a year ago

ahh very cool. Thanks for the github link as well, would be a cool filter to add

Community · Accepted Answer · 2017-05-23 11:50:56Z

1

You can create you own filter, has mention here: Filter results 6 through 10 of 100 with ng-repeat in AngularJS

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

<div ng-repeat="bracket in brackets | slice:3:2">{{item}}</div>

edited May 23, 2017 at 11:50

CommunityBot

11 silver badge

answered Jan 7, 2015 at 17:36

Thierry

5,2533 gold badges27 silver badges30 bronze badges

Collectives™ on Stack Overflow

retrieving data from an array, starting with specific nth item in AngularJs

2 Answers 2

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related