2016-07-18 224 views
14

Ho un 2 RC4 angolare esempio forma di base sul Plunkr che sembra lanciare il seguente errore (In Chrome console DEV)formGroup aspetta un'istanza FormGroup

Ecco il plunkr

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

errore:

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 

risposta

24

ci sono alcuni problemi nel codice

  • <div [formGroup]="form"> al di fuori di un <form> tag
  • <form [formGroup]="form"> ma il nome della proprietà contenente la FormGroup è loginForm quindi dovrebbe essere <form [formGroup]="loginForm">
  • [formControlName]="dob" quale passa il valore della proprietà dob che non esiste. Quello che vi serve è quello di passare la stringa dob come [formControlName]="'dob'" o semplice formControlName="dob"

Plunker example