Динамический объектный ключ для отображения * ngFor в Nativescript с Angular

Question

У меня есть набор данных, полученный из группы по названию продукта, как показано ниже.Мне нужно выполнить итерацию массива объекта и отобразить имя продукта со всем размером продукта.

Образец набора данных

   [ {
  "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)

Я пытаюсь это

<----- необходимо отобразить здесь --------->

Answer 1

Вы можете использовать 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);
});