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

Question

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

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()
    });

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

请查看plunker。

Answer 1

你的掠夺者实际上有一个错字......

而不是

constructor(fb:FormBuilder){

你写

cosntructor(fb:FormBuilder){

这就是为什么你的表单没有初始化并且仍未定义为Angular。

Answer 2

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

myFormGroup : FormGroup = new FormGroup({})