循環在兩個數組的每一行表中的

我有下面的一組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

循環在兩個數組的每一行表中的

回答

相關問題