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

时间:2018-10-02 22:40:25

标签: angular5 nativescript nativescript-angular

我具有从产品名按组分组的数据集,如下所示。我需要迭代对象数组并显示具有所有产品尺寸的产品名称。

样本数据集

   [ {
  "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"
    }]
]

我需要重复上述结果,并需要以所有尺寸显示为“商品名称”,例如“ TEST 1(XL XXL)和TEST 2(XL XXL)

我正在尝试的是

<-----需要在这里显示--------->

1 个答案:

答案 0 :(得分:2)

您可以使用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);
});