当前位置: 首页 > 知识库问答 >
问题:

如何使用ng repeat迭代数组的对象属性?[副本]

梅飞龙
2023-03-14

我得到了一个数组,其对象类似于:

{
    _id:       "0",
    category: "ptr",
    price:    14.5
}

所以我用这种方式打印一个HTML表格:

<tr ng-repeat="product in products.categoryQuery">
    <td>{{product._id}}</td>
    <td>{{product.category}}</td>
    <td>{{product.price}}</td>
</tr>

是<code>queryCategory

我试过了:

<td ng-repeat"p for p in product">{{p}}</td>

<td ng-repeat"p for p in product">{{product[p]}}</td>

但是没有结果。我怎样才能实现它?

正如批评者所建议的那样,当它有一个对象时,有这样一种选择:

<tr ng-repeat="(key, value) in data">
  <td> {{key}} </td> <td> {{ value }} </td>
</tr>

但是,当它们是数组中的多个对象时,我该如何使用它呢?

共有1个答案

狄承望
2023-03-14

看看这个问题的答案:如何在AngularJs中使用ng repeat查找字典?

基本上,您应该能够遵循表达式中的<code>(k,v)</code>语法(请参见https://docs.angularjs.org/api/ng/directive/ngRepeat在参数部分)

我要说的一件事是,键的顺序可能不是您期望的顺序,这可能会导致问题:元素在“for (… in …)”循环中的顺序

 类似资料:
  • 本文向大家介绍如何使用jQuery迭代JavaScript对象的属性?,包括了如何使用jQuery迭代JavaScript对象的属性?的使用技巧和注意事项,需要的朋友参考一下 使用该方法可以迭代JavaScript对象的属性。 上面的照片- 将用于任何集合遍历,无论是一个对象或一个数组。我们来看另一个例子- 示例 输出结果 上面的照片-

  • 我正在尝试从对象数组中删除属性。 我希望var2包含这样的内容。 是否有方法将/cast转换为上述内容?换句话说,我想从对象数组中删除,并将其分配给。我该怎么做?

  • 可能重复: 我有一个嵌套的数据结构/JSON,如何访问一个特定的值? 我想迭代一个二维的json对象...对于一维的json对象,我这样做 关于二维的,我该怎么做??

  • 我想要得到一个这样的对象: 通过这样编码: 但我总是得到以下几点:

  • 我发现自己经常遇到这种模式。我有一个从api中返回的对象数组,我只需要操作所有对象中的一个属性。 有没有办法使用ES6/Babel或Typescript让该模式更具声明性? 寻找一些巧妙的破坏技巧或类似的东西。

  • 如何迭代对象及其子对象的属性?我在中使用了,但无法获取歌曲信息:/