formGroup期望Angular2形式的FormGroup实例错误

Question

[我正在尝试在plunker上的Angular 2中创建基本表单，但在Chrome开发者控制台上遇到以下错误：

VM8247:27 EXCEPTION: Error in ./App class App - inline template:1:12 caused by: formGroup expects a FormGroup instance. Please pass one in.

       Example:


    <div [formGroup]="myGroup">
      <input formControlName="firstName">
    </div>

    In your class:

    this.myGroup = new FormGroup({
       firstName: new FormControl()
    });

另外，还有一些其他错误也仅或多或少地指向上述错误。 我在SO上遇到了与此相关的其他答案，但大多数人的代码中都有错别字。

请查看plunker。

Answer 1

您实际上在打字机上有错字...

代替

constructor(fb:FormBuilder){

您写

cosntructor(fb:FormBuilder){

这就是为什么您的表单没有被初始化并且对于Angular仍未定义的原因。

Answer 2

在声明时将您的FormGroup实例初始化为空：

myFormGroup : FormGroup = new FormGroup({})