ANGULAR8

Question

在angular 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 ERROR TypeError: Cannot read property 'value' of undefined

地址在json里面以及如何传递数据提交表单

Answer 1

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

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

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

然后您可以像这样访问表单值 CustomFormControl.controls[name].value

ANGULAR8 - 如何传递json里面的数据json

ANGULAR 8 - how to pass the data in which the json inside of json

angular-material

angular

angular-forms

angular-json