FormGroupName not found | Angular Community | Page 1

cloud tree Dec 9, 2022, 9:45 AM

#

Hello! I'm not sure why I can't use FormGroupName...

  public form: FormGroup = new FormGroup({
    client: new FormGroup({
      fileLink: new FormControl(''),
      file: new FormControl(FileRef),
      type: new FormControl('CLIENT_INSTRUCTIONS')
    }),
    contractor: new FormGroup({
      fileLink: new FormControl(''),
      file: new FormControl(FileRef),
      type: new FormControl('CONTRACTOR_INSTRUCTIONS')
    }),
    rkas: new FormGroup({
      fileLink: new FormControl(''),
      file: new FormControl(FileRef),
      type: new FormControl('RKAS_INSTRUCTIONS')
    }),
  });

// HTML 
<div class="modal-body">
  <div class="work-details-full-width" [formGroup]="form">
    <div class="work-details-1-row">
      <div class="work-details-1-col">
        <label class="work-details-1-label">Klient</label>
// it can't find this client
        <div class="w-100" [formGroupName]="client">
          Lisa link või fail
          <input class="form-control w-100"
                 formControlName="clientInput"
                 [class.is-invalid]="hasErrors(form.get('clientInput'))">
          <instruction-files-section instructionFileType="clientInput"></instruction-files-section>
        </div>
      </div>

waxen marten Dec 9, 2022, 9:55 AM

#

Have you imported the angular form module in your *.module.ts (or in your *component.ts if you are using standalone components) ?

cloud tree Dec 9, 2022, 9:56 AM

#

Yes, i have it imported

waxen marten Dec 9, 2022, 9:59 AM

#

Your form fields in your template do not match your FormGroup fields, i.e. you are doing form.get('clientInput') but that field is not in your form, only fileLink, file and type

viral sundial Dec 9, 2022, 10:06 AM

#

Also, [formGroupName]="client" should be formGroupName="client". client is a string here, not a property of your component.

waxen marten Dec 9, 2022, 10:06 AM

#

Also, your formGroup is not on a form element, just on a div. Not sure if that is even possible.

cloud tree Dec 9, 2022, 10:06 AM

#

oh yes, without [] it works.
Thank you

#FormGroupName not found