ANGULAR 8-如何在json中传递json所在的数据

Question

在角度8我传递数据的json格式类似

{
"name": "",
"address": {
"line1": "",
"pincode_id": ""
}
}

我创建了传递数据以提交表单的格式

Format() {
let data = this.Form.controls;
let ctofclass = new type();
ctofclass.name = data['name'].value;
ctofclass.line1 = data.address['line1'].value;
ctrofclass.pincode_id = data.address['pincode_id'].value.id;
return ctofclass;
}
class type {
name: string;
line1: string;
pincode_id:any;

}

如何传递json中json所在的数据
当我使用这种格式时，我在下面的行中得到了一个错误：

ctrofclass.line1 = data.address['line1'].value;

core.js:6260错误类型错误：无法读取未定义的属性"value">

json中的地址以及如何传递数据以提交表单

Answer 1

您需要将address设置为formGroup，将line1和pinecode_id设置为formControls，或者如果address本身没有特殊值，则只使用pinecode_I和line1作为单独的formControls而不将它们分组在address内。

使用第二种解决方案的示例(最简单(：

CustomFormControl = formbuilder.group({
name: [initialValue],
pincode_id: [address.pincode_id] // mapping is done here
line1: [address.line1]
})

然后，您可以访问类似CustomFormControl.controls[name].value的表单值