代码之家 › 专栏 › 技术社区 › Muthukumar Marichamy

在Nativescript中显示*ngFor的动态对象键

nativescript-angular nativescript angular5

0

Muthukumar Marichamy · 技术社区 · 7 年前

   [ {
  "TEST 1": [
    {
      "content_id": "88282",
      "product_name": "TEST 1",
      "price": "36.00",
      "size" : "XL"
    },
    {
      "content_id": "88283",
      "product_name": "TEST 1",
      "price": "37.00",
      "size" : "XXL"
    }
  }],

{
  "TEST 2": [
    {
      "content_id": "882821",
      "product_name": "TEST 2",
      "price": "36.00",
      "size" : "XL"
    },
    {
      "content_id": "882832",
      "product_name": "TEST 2",
      "price": "37.00",
      "size" : "XXL"
    }]
]

我需要迭代上述结果,并需要显示为产品名称与所有大小,如“测试1(XL XXL)和测试2(XL XXL)

我想做的是

<----需要在此处显示----------->

1 回复 | 直到 7 年前

1

2

Narendra 7 年前

你可以用 Object.keys() foreach() 迭代json。

const object1 = {"data":
        [ {  "TEST 1": [    {
      "content_id": "88282",
      "product_name": "TEST 1",
      "price": "36.00",
      "size" : "XL"
    },    {
      "content_id": "88283",
      "product_name": "TEST 1",
      "price": "37.00",
      "size" : "XXL"
    }
  ]
}
]


};

object1[Object.keys(object1)[0]].forEach(function(element) {
  console.log(element);
});