AngularJS：对象的ng-repeat数组

Question

in angularjs i want show a table with two columns: the header of the first column is "Type" and the second column is "Product".

In the controller i have the following structure (in the chrome debugger):

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

So i have a "products" array with "drink" key with associate an array of objects (12 items)

In angularjs, with ng-repeats, how can i show as many rows as the number of products items (and show in the Type column the "drink" key) and in the column Product all the objects (only the name) associated with the key?

Thanks

Answer 1

Instead of id and name put the attribute name which your object have:

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