如何使用 ng-repeat 在 AngularJS 中表的多个列中显示 JSON 数组的值

Question

我在数组频率下有一个 json 对象，直到索引 9 频率

{cou: "IND", cur :"INR", val:"15"}  
{cou: "US", cur :"DOL", val:"65"}  
{cou: "ENG", cur :"PND", val:"75"}    
{cou: "IND", cur :"RUPEES", val:"15"}  
{cou: "US", cur :"DOLLAR", val:"15"}  
{cou: "ENG", cur :"POUND", val:"15"}  
{cou: "IND", cur :"R", val:"15"}  
{cou: "US", cur :"D", val:"15"}  
{cou: "ENG", cur :"P", val:"15"}  

我必须在表格的 3 个不同列中显示货币的价值，即“cur”，顺序如下（第 1 列中的第 3 个，第 2 列中的下一个 3，第 3 列中的最后 3 个）。

INR RUPEES R  
DOL DOLLAR D  
PND POUND P  

我在“$ctrl.ndata”中的控制器中的对象中获取数据，直到索引 3，在 $ctrl.sdata 中直到索引 4 到 6，在 $ctrl.pdata 中从索引 7 到 9。

这是我的视图代码。

<table class="datatable bold">  
<thead><tr>  
<th>CUR1</th>  
<th>CUR2</th>  
<th>CUR3</th>  
</tr></thead>  
<tbody>  
<tr ><td ng-repeat="i in $ctrl.ndata">{{i.cur}}</td>  
     <td ng-repeat ="i in $ctrl.sdata">{{ i.cur}}</td>  
     <td ng-repeat ="i in $ctrl.pdata">{{ i.cur}}</td>  
</tr></tbody>  
</table>  

但我在同一行的列中获取数据。有人可以帮忙吗？谢谢

Answer 1

试试这样的：

<tr ng-repeat="n in [0,1,2]">
  <td ng-repeat="i in $ctrl.ndata" ng-if="$index % 3 == 0">{{i.cur}}</td>
</tr>