formGroup attend une instance FormGroup

J'ai un exemple de forme de base 2 RC4 angulaire sur Plunkr qui semble jeter l'erreur suivante (dans la console Chrome DEV)

voici le plunkr

https://plnkr.co/edit/GtPDxw?p=preview

Erreur:

browser_adapter.ts:82 EXCEPTION: Error: Uncaught (in promise): EXCEPTION: Error in ./App class App - inline template:1:7
ORIGINAL EXCEPTION: formGroup expects a FormGroup instance. Please pass one in.
           Example: <form [formGroup]="myFormGroup">

ORIGINAL STACKTRACE:
Error: formGroup expects a FormGroup instance. Please pass one in.
           Example: <form [formGroup]="myFormGroup">

    at new BaseException (https://npmcdn.com/@angular/forms@0.2.0/src/facade/exceptions.js:27:23)
    at FormGroupDirective._checkFormPresent (https://npmcdn.com/@angular/forms@0.2.0/src/directives/reactive_directives/form_group_directive.js:110:19)
    at FormGroupDirective.ngOnChanges (https://npmcdn.com/@angular/forms@0.2.0/src/directives/reactive_directives/form_group_directive.js:39:14)
    at DebugAppView._View_App0.detectChangesInter
21
demandé sur user6123723 2016-07-18 22:42:51

2 réponses

Il y a quelques problèmes dans votre code

  • <div [formGroup]="form"> en dehors d'un <form> la balise
  • <form [formGroup]="form"> mais le nom de la propriété contenant le FormGrouploginForm donc il devrait être <form [formGroup]="loginForm">
  • [formControlName]="dob" qui transmet la valeur de la propriété dob qui n'existe pas. Ce que vous avez besoin est de passer la chaîne dob[formControlName]="'dob'" ou plus simple formControlName="dob"

Plunker exemple

33
répondu Günter Zöchbauer 2016-07-19 06:53:39

j'utilisais des formes réactives et j'ai rencontré des problèmes similaires. Ce qui m'a aidé, c'est de m'assurer que j'ai mis en place un correspondant FormGroup dans la classe. Quelque chose comme ceci:

myFormGroup: FormGroup = this.builder.group({
    dob: ['', Validators.required]
});
0
répondu Patrick 2018-08-16 14:53:13