formGroup attend une instance FormGroup

J'ai Angulaire à 2 RC4 forme de base exemple sur Plunkr qui semble jeter le message d'erreur suivant (Dans Chrome DEV console)

Voici la 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/[email protected]/src/facade/exceptions.js:27:23)
    at FormGroupDirective._checkFormPresent (https://npmcdn.com/@angular/[email protected]/src/directives/reactive_directives/form_group_directive.js:110:19)
    at FormGroupDirective.ngOnChanges (https://npmcdn.com/@angular/[email protected]/src/directives/reactive_directives/form_group_directive.js:39:14)
    at DebugAppView._View_App0.detectChangesInter

source d'informationauteur user6123723

  1. 31

    Il existe quelques problèmes dans votre code

    • <div [formGroup]="form"> à l'extérieur d'un <form> tag
    • <form [formGroup]="form"> mais le nom de la propriété contenant la FormGroup est loginForm par conséquent, 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 comme [formControlName]="'dob'" ou plus simple formControlName="dob"

    Plunker exemple