以角度从阵列中获取所有材料
以角度从阵列中获取所有材料
提问于 2017-11-08 03:34:27
我在stackblitz中有这样的代码，它需要得到所有的材料。我怎样才能得到所有的材料，而不仅仅是一个。输出只是一种材料，而不是清单？下面是我的https://stackblitz.com/edit/angular-qssycg?file=app/app.component.ts代码
JSON
orders =
[
{
"id": 1,
"name": "Not Available",
"address": "Not Available",
"city": "Not Available",
"contact_number": "Not Available",
"created_at": "2017-10-26 16:12:22",
"updated_at": "2017-10-26 16:12:22",
"materials": [
{
"id": 21,
"sku": "D22D12D4",
"name": "D-2, 2D-1, 2D-4",
"created_at": "2017-10-26 03:03:43",
"updated_at": "2017-10-26 03:03:43",
"pivot": {
"supplier_id": 1,
"material_id": 21
}
},
{
"id": 40,
"sku": "ACWNAIL",
"name": "Assorted C.W. Nails",
"created_at": "2017-10-26 03:19:54",
"updated_at": "2017-10-26 03:23:21",
"pivot": {
"supplier_id": 1,
"material_id": 40
}
},
{
"id": 49,
"sku": "DDJENAMEL",
"name": "Doors & Door Jambs - Enamel",
"created_at": "2017-10-26 03:33:06",
"updated_at": "2017-10-26 03:33:06",
"pivot": {
"supplier_id": 1,
"material_id": 49
}
}
]
}
]ts
patchValues() {
let rows = this.myForm.get('rows') as FormArray;
this.orders.forEach(material => {
rows.push(this.fb.group({material_id: material.materials[0].id,material_name: material.materials[0].name, quantity: material.materials[0]}))
})
}回答 1
Stack Overflow用户
回答已采纳
发布于 2017-11-08 04:45:07
正如注释中提到的，您需要迭代嵌套数组，并将这些值推送到表单数组中。因此，您的patchValues应该如下所示：
patchValues() {
let rows = this.myForm.get('rows') as FormArray;
this.orders.forEach(material => {
material.materials.forEach(x => {
rows.push(this.fb.group({material_id: x.id,
material_name: x.name,
quantity: 'there is no quantity in your data'}))
})
})
}注意，您的JSON中似乎没有quantity。此外，此解决方案只考虑到orders数组中只有一个对象。如果您知道还有更多，则还需要在more数组中创建more组。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/47171155
复制相关文章
相似问题
腾讯云开发者
