循环在两个数组的每一行表中的

我有下面的一组JSON的循环在两个数组的每一行表中的

[ 
    { 
     "drink_name": "Ananascocktail", 
     "ingredients": [ 
      "Ananas", 
      "Färskpressad limesaft", 
      "Apelsinjuice", 
      "Farinsocker", 
      "Rom" 
     ], 
     "alternatives": [ 
      "", 
      "Limesaft", 
      "", 
      "Socker", 
      null 
     ] 
    }, 
    { 
     "drink_name": "Blå Pilthammer", 
     "ingredients": [ 
      "Blåbärsvodka", 
      "Apelsinjuice", 
      "Bonaqua Citron" 
     ], 
     "alternatives": [ 
      "Vodka", 
      "", 
      "" 
     ] 
    } 
]

我如何循环遍历ingredients和alternatives在单独<td>的每一个元素放在同一<tr>？

我试过把ng-repeat放在行上，但是这为每个元素创建了一个新行。但是，我必须在<tr>上使用ng-repeat，因为我有多种配料/替代品。

我已经搜索了一个多小时，但找不到任何符合我需要的东西。

有什么建议吗？

来源

2015-02-18 mhrvatin

我解决它通过执行以下操作

<tbody> 
    <tr ng-repeat="ingredient in json.ingredients"> 
    <td>{{ingredient}}</td> 
     <td ng-repeat="alternative in json.alternatives track by $index" ng-if="$parent.$index === $index">{{alternative}}</td> 
    </tr> 
</tbody>

我只允许alternatives放置<td>如果$index相同的$parent的$index。为什么这个解决方案超出了我的范围

来源

2015-02-18 00:24:17 mhrvatin

循环在两个数组的每一行表中的

回答

相关问题