在Angular js中顯示或生成集合元素到表中

Question

$ scope.values = [1,2,3,4,5,6,7]

如何從上述數據生成以下html數據低於格式，使用角度js。使用NG-重複等。

<table> 
 
<tr> 
 
<td>1</td> 
 
<td>2</td> 
 
</tr> 
 
<tr> 
 
<td>3</td> 
 
<td>4</td> 
 
</tr> 
 
<tr> 
 
<td>5</td> 
 
<td>6</td> 
 
</tr> 
 
<tr> 
 
<td>7</td> 
 
<td></td> 
 
</tr> 
 
</table>

Answer 1

這是一種方法：

JS：

$scope.values = [1,2,3,4,5,6,7]; 

HTML：

<table> 
    <tr ng-repeat="value in values" ng-if="$index % 2 == 0"> 
     <td>{{values[$index]}}</td> 
     <td>{{values[$index+1]}}</td> 
    </tr> 
</table> 

因爲值是奇數，所以最後一個是空的。如果您希望僅在輸出一個TD時輸出一個TD，則可以簡單地向TD添加一個ng-if，以便它們在沒有值時不顯示。儘管如此，我個人會在數據進入視圖前重組數據。將值拆分成行，然後遍歷數據集以獲取行，然後遍歷行以獲取單個值。

更多的信息和選項可以發現（上話）位置：How would I use AngularJS ng-repeat with Twitter Bootstrap's scaffolding?