What causes the “control.registerOnChange is not a function” error

Question

I have a form using the reactive form approach. The form is created as follow in my pug:

form([formGroup]=\'form\', novalidate=\'\', (ngSubmit)=\'postSurvey(         


        

Answer 1

In my case this error was thrown because I was using FormControlName instead of FormArrayName to bind to a FormArray in my template.

My component code:

public form = new FormGroup({
   ...
   checkboxes: new FormArray([....])
})

My template code that threw error:

Fix: