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

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

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

我正在尝试的是

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

Answer 1

可以用Object.keys() to get keys or use 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);
});

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

Dynamic object key to display *ngFor in Nativescript with Angular

nativescript

nativescript-angular

angular5