How to get value from frombuilder group for object values? Mat table is used to display the data

See more:

Angular10

Angular11

component.ts:
-------------
this.createForm = this.fb.group({
equipments: [this.data.equipments || "", [Validators.required]],
storage: [this.data.storage || "", [Validators.required]],
users: this.fb.group({
admins: [this.data.users.admins || ""],
supervisors: [this.data.users.supervisors || ""],
staffs: [this.data.users.staffs || ""],
}),
});
get createFormControl(): { [key: string]: AbstractControl } {
return this.createForm.controls;
}



What I have tried:

for objects in formcontrol used formGroupName in html, but the real issue is in the ts
users: this.fb.group({
admins: [this.data.users.admins || ""],
supervisors: [this.data.users.supervisors || ""],
staffs: [this.data.users.staffs || ""],
}),