在Angular 6中实现ICollection

时间:2018-08-16 11:44:50

标签: angular typescript angular-reactive-forms angular-forms

我是Angular的新手。您能指导我如何实现可产生以下json结果的Angular反应形式吗?

{  
"firstName":"",   
"middleName":"",   
"lastName":"",
   "addressBook":[{
     "addressLine1":"",
     "addressLine2":"",
     "addressLine3":""
  },
 "addressBook":[{
     "addressLine1":"",
     "addressLine2":"",
     "addressLine3":""
  }]
}

以下是我的表单结构:

this.userForm= this.fb.group({
        firstName: [],
        middleName: [],
        lastName: [],
        emailAddress: [],
        password: [],
        addressBook: this.fb.group({
            addressLine1: [],
            addressLine2: [],
            addressLine3: []
        })
    });

我真的被困在这里。任何帮助深表感谢。 谢谢!

1 个答案:

答案 0 :(得分:-1)

  1. 您可以使用getRawValuethis.userForm.getRawValue();来生成javascript对象。
  2. 如果将该对象放入JSON.stringify(formObject);,则会得到json

getRawValue

  

检索所有值,而与禁用状态无关。 value属性是获取组值的最佳方法,因为它排除了FormGroup中禁用的控件。