javascript - AngularJS:如何从特定值重复

Question

我正在尝试创建一个将根据特定值重复的模板。例如，如果总页数为 3，总记录数为 15，则每页将有 5 条记录。所以本质上它是一个嵌套的 ng-repreat。

我创建了一个示例 java 代码

int index = 1;
for(int i =1; i <=5; i++){
   System.out.print("#"+i);
   for(int j = index; j<=14; j++){
      System.out.print("->"+index);
      index++;
      if(j%3==0){
         break;
      }
   }
   System.out.println();
}

这些将正确设置每页的记录数。现在我需要首先根据我需要的页面数量创建模板页面，然后在每个页面中我需要特定数量的记录。在 Angular 上使用 ng-repeat 编写这个逻辑有点棘手

<div ng-repeat="i in X" >
   <div>
      <div ng-repeat="j in Y">
         <span></span>
      </div>
   <div>
</div>

Answer 1

您可以将 X 拆分为所需大小 (5) 的 block ，使其成为一个数组数组。然后遍历它并遍历内部数组。

假设您希望每页显示一个项目而不是五个:

const items = [1, 2, 3];
$scope.X = items.reduce((chunks, item) => {
  chunks.push([item]);
  return chunks;
}, []);

现在您可以使用 ng-repeat="chunk in X"，然后您可以在内部使用 ng-repeat="item in chunk"。