ng-repeatで異なる数の商品を表示

Question

質問があります。 ng-repeatでこの例をどのようにすればいいですか？

Array.prototype.chunk = function (n) { 
    if (!this.length) { 
     return []; 
    } 
    return [ this.slice(0, n) ].concat(this.slice(n).chunk(n)); 
}; 

し、HTMLに：あなたはどのチャンクにあなたの配列を分割する関数を作成することができます

<div ng-repeat="item in collection | filter:<your filter.. probably index of a collection>"> 

Answer 1

フィルターと一緒に

var collection = ['A', 'B', 'C', 'D', 'E']; 

<div class="item active"> 
<p>A</b> 
<p>B</b> 
</div> 
<div class="item"> 
    <p>C</b> 
    <p>D</b> 
</div> 
<div class="item"> 
    <p>E</b> 
</div> 

Answer 2

使用NG-リピータ

<div ng-repeat="item in collection.chunk(2) track by $index"> 
    <div class="item" ng-class="{active: $index == 0}"> 
     <p ng-repeat="subItem in item" ng-bind="subItem"></b>   
    </div> 
</div> 

もちろん同じことを行う他の多くの方法があります。

Answer 3

HTML：

<div ng-repeat="item in alphas track by $index"> 
    <div ng-if="call($index)"> 
     <p>{{alphas[$index]}}</p> 
     <p>{{alphas[$index+1]}}</p> 
     <hr/> 
    </div> 
</div> 

コントローラ：あなたはすべてのセグメントで同じ動作を持っている場合にのみ

$scope.alphas = ['A', 'B', 'C', 'D', 'E']; 
$scope.call = function(i){ 
    if(i%2 === 0) 
     return true; 
    else 
     return false; 
}