如何使用ng-repeat迭代数组对象的属性？

68 浏览
0 Comments

如何使用ng-repeat迭代数组对象的属性？

这个问题已经在这里有了答案:

如何在AngularJS中使用ng-repeat迭代键和值?

我有一个类似以下对象的数组：

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

所以我这样打印一个HTML表格：

{{product._id}}

 

{{product.category}}

 

{{product.price}}

 

 

其中queryCategory是一个包含我的对象的数组。我想知道是否可以减少HTML，将一个

加上 ng-repeat 指令，以迭代对象的属性。

我尝试过：

{{p}}

 

和

{{product[p]}}

 

但是没有结果。我应该如何实现它？

编辑。

正如批评者所建议的，当它有一个单一的对象时，有这个替代方案：

 {{key}}  {{ value }}

 

 

但当它们是来自一个数组的多个对象时，我该如何使用它？

admin 更改状态以发布 2023年5月25日
0

1 答案

0 Comments

看一下这个问题的回答：如何在AngularJS中使用ng-repeat来遍历字典？

基本上，你可以使用(k, v) in expression语法（详见https://docs.angularjs.org/api/ng/directive/ngRepeat的Arguments部分）。

我想说的是，键的顺序可能不是你期望的顺序，这可能会导致问题：在“for（...in...）”循环中的元素顺序

0