Реализация ICollection в Angular 6

Я новичок в Angular. Не могли бы вы подсказать мне, как я могу реализовать Angular Reactive Form, которая может дать следующий результат json?

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

Я действительно застрял здесь. Буду признателен за любую оказанную помощь. Спасибо!

🤔 А знаете ли вы, что...
Фреймворк Angular CLI (Command Line Interface) упрощает создание, развертывание и управление проектами Angular.


181
1

Ответ:

  1. Вы можете использовать getRawValue: this.userForm.getRawValue();, что приведет к созданию объекта javascript.
  2. Если вы поместите этот объект в JSON.stringify(formObject);, вы получите свой json.

getRawValue

Retrieves all values regardless of disabled status. The value property is the best way to get the value of the group, because it excludes disabled controls in the FormGroup.