62

次のエラーをスローするように見える Plunkr に Angular 2 RC4 基本フォームの例があります (Chrome DEV コンソールで)

プランカーはこちら

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

エラー：

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
4

6 に答える 6

85

コードにいくつかの問題があります

  • <div [formGroup]="form"><form>タグの外側
  • <form [formGroup]="form">しかし、を含むプロパティの名前は、FormGroupしたがってloginForm、<form [formGroup]="loginForm">
  • [formControlName]="dob"dob存在しないプロパティの値を渡します。必要なのは、文字列dobを like[formControlName]="'dob'"または simplerに渡すことですformControlName="dob"

プランカーの例

于 2016-07-19T06:53:39.883 に答える