【问题标题】:Angularjs: ng-repeat array of objectsAngularjs:ng-repeat 对象数组
【发布时间】:2015-05-29 07:48:36
【问题描述】:

在 angularjs 中,我想显示一个包含两列的表格:第一列的标题是“类型”,第二列是“产品”。

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

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

所以我有一个带有“drink”键的“products”数组,并关联了一个对象数组(12 项)

在 angularjs 中,使用 ng-repeats,我如何显示与产品项目数一样多的行(并在“类型”列中显示“drink”键)和在列中显示所有对象(只有名称)与密钥相关联?

谢谢

【问题讨论】:

  • 请向我们提供您尝试过的代码的 sn-p :)
  • 我没有尝试过,因为我不知道该怎么做
  • 如果你知道如何做一个基本的 ng-repeat,这并不难实现。您应该尝试一些简单的方法,您会很快找到解决方案。做一次 ng-repeat。

标签: javascript jquery angularjs angularjs-ng-repeat


【解决方案1】:

而不是 idname 输入您的对象具有的属性名称:

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

【讨论】:

    猜你喜欢
    • 2015-09-07
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2016-02-08
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多