2つの繰り返し列を持つ角度テーブルの配列の要素を表示するにはどうすればよいですか？

Question

私は時間値属性を持つオブジェクトでこの配列を持っており、私は行ごとに2つのペアを表示したいと思います。次のように：私は、角NG-繰り返しでそれを行う方法があるかなり確信しているが、私はまだそれを把握することができませんでした

<tbody ng-if="reportCtrl.mainArr"> 
         <tr ng-repeat="item in reportCtrl.mainArr | limitTo:reportCtrl.rowLimit"> 
          <td> 
           {{item.value.toFixed(2)}} 
          </td> 
          <td> 
           <span>{{item.time | amDateFormat:'MM.DD.YYYY HH:mm:ss'}}</span> 
          </td> 
         </tr> 

：

<table> 
     <tr> 
      <td>pair1</td> <td>pair4</td> 
     </tr> 
     <tr> 
      <td>pair2</td> <td>pair5</td> 
     </tr> 
     <tr> 
      <td>pair3</td> <td>pair6</td> 
     </tr> 
</table> 

を私は持っています。私が正しくあなたの要件を理解していれば

Answer 1

、あなたはそれが現在にあるもの以外のngRepeat内の他の要素を取得するために$indexを使用することができます。

var app = angular.module('app', []); 
 

 
app.controller('ctrller', function() { 
 
    
 
    this.mainArr = [{'value': 1, 'time': '1pm'}, 
 
        {'value': 2, 'time': '2pm'}, 
 
        {'value': 3, 'time': '3pm'}, 
 
        {'value': 4, 'time': '4pm'}, 
 
        {'value': 5, 'time': '5pm'}, 
 
        {'value': 6, 'time': '6pm'}]; 
 
    this.rowLimit = 3; 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 

 
<div ng-app="app" ng-controller="ctrller as reportCtrl"> 
 

 
    <table> 
 
    <tbody ng-if="reportCtrl.mainArr"> 
 
     <tr ng-repeat="item in reportCtrl.mainArr | limitTo:reportCtrl.rowLimit"> 
 
     <td> 
 
      {{reportCtrl.mainArr[$index].value.toFixed(2)}} 
 
     </td> 
 
     <td style="padding-right: 20px"> 
 
      <span>{{reportCtrl.mainArr[$index].time }}</span> 
 
     </td> 
 
     <td> 
 
      {{reportCtrl.mainArr[$index + reportCtrl.rowLimit].value.toFixed(2)}} {{ $index }} 
 
     </td> 
 
     <td> 
 
      <span>{{reportCtrl.mainArr[$index + reportCtrl.rowLimit].time }}</span> 
 
     </td> 
 
     </tr> 
 
    </tbody> 
 
    </table> 
 
</div>