时间戳

首页 > 解决方案 > 在 Angular 6 中实现 ICollection

angular - 在 Angular 6 中实现 ICollection

问题描述

我是 Angular 的新手。你能指导我如何实现可以产生以下json结果的Angular Reactive Form吗？

{  
"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: []
        })
    });

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

标签： angulartypescriptangular-reactive-formsangular-forms

解决方案

  1. 您可以使用getRawValue:this.userForm.getRawValue();这将产生一个 javascript 对象。
  2. 如果你把那个对象放进去，JSON.stringify(formObject);你会得到你的json.

获取原始值

无论禁用状态如何，都检索所有值。value 属性是获取组值的最佳方式，因为它不包括 FormGroup 中禁用的控件。

推荐阅读