2017-01-16 5 views
2

特定の値に基づいて繰り返すテンプレートを作成しようとしています。たとえば、ページの総数が3で、合計レコードが15の場合、各ページには5つのレコードがあります。だから、本質的にそれは入れ子にされた冗談です。AngularJS:特定の値からng-repeatする方法

私は、サンプルの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(); 
} 

各ページのレコードのこれらの正しく設定されます番号を作成します。 これで、必要なページ数に基づいてテンプレートページを作成し、各ページ内に特定の数のレコードが必要になります。角度において あなたはその配列の配列にするために(5)所望のサイズのチャンクにXを分割する可能性がNGリピート

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

答えて

1

を使用して、このロジックを記述するために、そのビットトリッキー。次にそれを反復処理し、内側の配列を繰り返し処理します。

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"を使用することができます。

あなたは1ページあたりのアイテムの代わりに5をしたいとします。

+0

私は同様のアプローチを使用しています。 http://jsfiddle.net/octavioamu/jcy93oon/ – ksernow

関連する問題