Reactive Form: There is no FormControl instance attached to form control element with name
See original GitHub issueHi,
I need your help, because with my reactive form i have an error and the entire form is not initialized when i change the “object” to the form.
I load the object from our API, after that I convert the object to a FormGroup and i put it into the form. So for the first time all is fine. If i change dynamically the object loaded (before that I reset the form), I have this error:
ERROR Error: There is no FormControl instance attached to form control element with name: ‘objective’ at _throwError (forms.js:2432) at _noControlError (forms.js:2414) at QuillEditorComponent.eval [as onModelChange] (forms.js:2328) at eval (quill-editor.component.js:123) at ZoneDelegate.invoke (zone.js:388) at Object.onInvoke (core.js:4733) at ZoneDelegate.invoke (zone.js:387) at Zone.run (zone.js:138) at NgZone.run (core.js:4550) at Emitter.eval (quill-editor.component.js:122)
In my form.component.html i have this line to use quill-editor (quillEditorConfig is simply my config of the toolbar):
<quill-editor [modules]="quillEditorConfig" formControlName="objective" placeholder="Describe your objectives"></quill-editor>
I have make some search and try to fix it but without success. I’m on the version 2.1.1 and i’ve try the 2.2.0, same problem for me.
So do you have some tips to help me? Thanks for your help, Fabrice
Issue Analytics
- State:
- Created 5 years ago
- Comments:7 (3 by maintainers)
Top Results From Across the Web
Top Related Medium Post
Top Related StackOverflow Question
Troubleshoot Live Code
Top Related Reddit Thread
Top Related Hackernoon Post
Top Related Tweet
Top Related Dev.to Post
Top Related Hashnode Post
i think there is a similar issue closed here.
i think the only way is to reinitialise the editor, because there seems to be a moment no control is connected to the formControlName.
It seems more a bug in angular for custom controls: https://github.com/angular/angular/issues/14057
but you could try to use the
[formControl]="form.controls['objective']"syntax. or better work with the controls-getter 😃Hi @KillerCodeMonkey,
I’ve keep a note to your suggestion, and i’ve just fix it on my angular app. So now i’ve use this syntax: myForm.get(‘objective’).
Thanks a lot for your help and your suggestion. Best regards, Fabrice