Как я могу создать группу Form Builder с объектом?

Question

Вот мой component.ts:

 constructor(
    private fb: FormBuilder,
  ) {}

  formobject = {} as GKCLForm1;
  gkclForm1 = this.fb.group({
    gcklform1 : this.fb.control(this.formobject)
  });

А вот здесь component.html:

<form [formGroup]="gkclForm1">
  <label>
    info:
    <input type="text" formControlName="gcklform1.info">
  </label>

  <label>
    id:
    <input type="text" formControlName="gcklform1.id">
  </label>
</form>

У меня есть объект, тип которого GKCLForm1. info и id являются свойствами этого объекта.

А я хочу создать группу форм из одного объекта, это возможно? (Я использую Angular 6)

Answer 1

Не совсем уверен, что вы пытаетесь достичь здесь. Как правило, реактивные формы используются таким образом, чтобы они могли дать значение (обычно при отправке), аналогичное модели данных.

Существует разница между значениями примитивного типа и значениями сложного типа, и тогда для обоих типов используются разные значения AbstractControl. Если у вас сложный тип (скажем, объект), то вы должны использовать для этого также FormGroup. Если у вас есть примитивный тип (строка, число и т. Д.), Вы должны использовать FormControl. Я почти уверен, что вы ничего не сможете достичь, даже если попытаетесь использовать FormControl для сложного типа данных.

В вашем случае, я думаю, вы должны использовать FormGroup для gcklform1.

Вот StackBlitz для вашей ссылки.