Angularjs:ng重复对象数组

Angularjs: ng-repeat array of objects

本文关键字：对象 数组 ng Angularjs      更新时间：2023-09-26

在angularjs中，我想显示一个有两列的表：第一列的标题是"Type"，第二列是"Product"。

在控制器中，我有以下结构（在chrome调试器中）：

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

所以我有一个带有"饮料"键的"产品"数组，关联一个对象数组（12个项目）

在angularjs中，使用ng个重复，我如何显示与产品项目数量一样多的行（并在Type列中显示"drink"键），以及在Product列中显示与该键关联的所有对象（仅名称）？

感谢

不放id和name，而放对象的属性名：

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