从数组中检索数据，从 AngularJs 中的特定第 n 项开始

Question

正在使用 Angular 开发一个项目，很好奇是否有 'angular-specific' 方法来实现这一点。

我基本上想从数组中的特定项目开始检索数据，例如第 3 个。如果 angular 提供任何类型的方法或过滤器，您将在 html 中看到我很好奇的内容。

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"
            }
        }
      }
    ]
   });

感谢任何提示或建议。

Answer 1

您可以直接在数组上使用 .slice 方法：

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

除此之外，他们目前正在讨论 angular 的下一版本以支持此过滤器。您可以在这里跟随：https://github.com/angular/angular.js/issues/5355

Answer 2

您可以创建自己的过滤器，这里已经提到：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>

从数组中检索数据，从 AngularJs 中的特定第 n 项开始

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

javascript

angularjs