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

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

nativescript-angular nativescript angular5

Muthukumar Marichamy · 技术社区 · 6 年前

   [ {
  "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 回复 | 直到 6 年前

Narendra 6 年前

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

推荐文章

Vimal · 用于用户名验证的JavaScript正则表达式

7 年前

user2024080 · 我如何防止我的表单在以后编辑?

7 年前

DiPix · 如何在Visual Studio中将Angular 5应用程序添加到解决方案中?

7 年前

Karl Johan Vallner · 如何将datatable寻呼机模板添加到Angular ngx datatable

7 年前

Ali Bedaer · 具有多个组件的角形5

7 年前

user8707389 · Angular 5侦听器或用于按钮禁用属性更改的指令

7 年前

3gwebtrain · 如何单独更新'BehaviorSubject'单个值

7 年前

Neto · 角度5-使用RouterUseStrategy时如何重新加载当前数据

7 年前

Lakshan Thilakarathne · Firebase 5 Angular 5 AngularFireList。snapshotChanges()错误

7 年前

Robby · 角度5构建生成main。以MB为单位进行捆绑,这会在生产中造成性能问题

7 年前