用ng-repeat分組數據

Question

我需要一些特殊的分組，例如：

<section class="white"> 
<p>1. row</p> 
<p>2. row</p> 
</section> 
<section class="white"> 
<p>3.row</p> 
<p>4.row</p> 
</section> 
<section class="white"> 
<p>5.row</p> 
<p>6.row</p> 
</section> 

我添加ng-repeat到節標記，如getNumbers（3）方法的項目。並在另一個內部ng-repeat行重複limitTo和indexTo過濾器，但它沒有像我想要的那樣工作。

任何幫助？ 謝謝

Answer 1

好的，這段代碼有效;

<section class="white" ng-repeat="i in [1,2,3,4]"> 
    <div class="container-c"> 
     <div class="col-1-fm" ng-repeat="item in items | startFrom: (i * 3) | limitTo:3"> 
      <h5>{{item.categoryName}}</h5> 
      <div class="img-container" class="crPointer"> 
       <img ng-src="{{item.image}}" border="0" /> 
      </div> 
      <h2 class="crPointer">{{item.title}}</h2> 
      <p class="fcWhite crPointer"> 
       {{item.description}} 
      </p> 
      <div class="action"> 
       <a href=""> 
        <i class="fa fa-chevron-right" aria-hidden="true"></i> View 
       </a> 
      </div> 
     </div> 
    </div> 
</section> 

in javascript;

mbApp.filter('startFrom', function() { 
    return function(input, start) { 
     if(input) { 
      start = +start; //parse to int 
      return input.slice(start); 
     } 
     return []; 
    } 
}); 

，但似乎有些把戲:)

有沒有更好的解決辦法？可能與ng-repeat-start & ng-repeat-end？