AngularJS ngRepeat - 如何按顺序重复值

Question

我正在尝试使用angularjs ngRepeat执行以下html结构：

是的，这是一个包含两个重复值1,1,2,2 ...十次的表。

代码是这样的：

<table>
<th>expected</th>
<th>accomplished</th>

</table>

我的问题是，当我使用ng-repeat时，我将在其中一个标签中使用它。因此，它将重复标记十次。我想按顺序重复一个预期的和一个完成的标签。

任何帮助？感谢。

Answer 1

在控制器中：

var values = [];
for (var i = 0; i < 10; i++) {
    values.push({title: 'expected', num: i + 1});
    values.push({title: 'accomplished', num: i + 1});
}
$scope.values = values;

在视图中：

<table>
  <thead>
   <tr>
     <th ng-repeat="v in values">{{ v.title }}</th>
   </tr>
 </thead>
 <tbody>
   <td ng-repeat="v in values">{{ v.num }}</th>
 </tbody>
</table>

Answer 2

将th标记与ng-repeat一起使用，只需检查$index值内（奇数与否）并呈现expected或accomplished文字。