How can I create a Form Builder group with an object?

Question

Here is my component.ts:

 constructor(
    private fb: FormBuilder,
  ) {}

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

And here the component.html:

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

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

I have an object which type is GKCLForm1. info and id are the properties of that object.

And I want to create a form group from one object is it possible? ( I am using Angular 6 )

Not sure if it's possible. Why exactly do you want to do this though? — SiddAjmera
– SiddAjmera, Commented Aug 28, 2018 at 15:17
Read this: angular.io/guide/reactive-forms to understand Angular Reactive Forms. — R. Richards
– R. Richards, Commented Aug 28, 2018 at 16:00
I tried to make your question easer to understand, but please review my changes, and maybe improve it yourself, too. It is simply hard to grasp what you are asking for. — GhostCat
– GhostCat, Commented Aug 28, 2018 at 18:54

SiddAjmera · Accepted Answer · 2018-08-28 16:54:04Z

1

Not really sure what it is that you're trying to achieve here. Generally, reactive forms are used so that they could yield a value(generally on submission) that is similar to data model.

There's a difference between primitive type values and complex type values and then there are different AbstractControls used for both the types. If you have a complex type(say an Object), then you should be using a FormGroup for that as well. If you have a primitive type(a string, a number etc), you should be using a FormControl. I'm pretty sure that you won't be able to achieve anything out of it even if you try to use a FormControl for a complex data type.

For your case, I think you should be using a FormGroup for gcklform1.

Here's a StackBlitz for your ref.

answered Aug 28, 2018 at 16:54

SiddAjmera

39.6k7 gold badges78 silver badges114 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How can I create a Form Builder group with an object?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related