formGroup 期望 Angular2 表单中的 FormGroup 实例错误答案

【问题标题】：formGroup expects a FormGroup instance error in Angular2 formformGroup 期望 Angular2 表单中的 FormGroup 实例错误
【发布时间】：2020-01-31 20:51:16
【问题描述】：

我正在尝试在 plunker 上的 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()
    });

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

请查看plunker。

【问题讨论】：

建议关闭原因：这个问题是由无法再重现的问题或简单的印刷错误引起的。

标签： angular angular2-forms plunker

【解决方案1】：

实际上你的 plunker 中有错字...

代替

constructor(fb:FormBuilder){

你写

cosntructor(fb:FormBuilder){

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

【讨论】：

哦，伙计。感谢您的轻微修复。我不知道我怎么没看到，更担心错误。 Angular 也应该给出这些类型错误。
好吧，在打字稿/角度方面它是有效的。没有人会限制您使用名称为 cosntructor 的功能：D

【解决方案2】：

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

myFormGroup : FormGroup = new FormGroup({})

【讨论】：