Angularjs:ng-repeat对象数组

时间:2015-03-25 14:53:59

标签: javascript jquery angularjs angularjs-ng-repeat

我希望在angularjs中显示一个包含两列的表格:第一列的标题是“Type”,第二列是“Product”。

在控制器中,我有以下结构(在chrome调试器中):

products: Array[0]
    drink:Array[12]
      0: Object
      1: Object
      ....
      ....

所以我有一个带有“drink”键的“products”数组和一个对象数组(12项)

在angularjs中,使用ng-repeats,我如何显示与产品数量一样多的行(并在Type列中显示“drink”键),在Product列中显示所有对象(仅限名称)与钥匙相关?

由于

1 个答案:

答案 0 :(得分:0)

而不是idname放置您的对象具有的属性名称:

<table>
<tr ng-repeat="obj in products[0].drink">
<td>{{ obj.id}}</td>
<td>{{ obj.name}}</td>
</tr>
</table>