angular - 反应形式：不能绑定到“formGroup”，因为它不是“form”的已知属性

Question

所以我正在尝试创建反应式表单，但终端向我抛出了一个错误，我无法理解这里出了什么问题。PS 在 app.module.ts 我已经导入了 ReactiveFormsModule

这是代码

  <form [formGroup]="reciepeForm" (submit)="onSubmit()">
            <div class="row">
                <div class="col-12">
                    <div class="btn btn-success" type="submit">Save</div>
                    <div class="btn btn-danger" type="button">Cancel</div>
                </div>
            </div>
            <div class="row">
                <div class="col-12">
                    <div class="form-group">
                        <label for="name">Name</label>
                        <input type="text" class="form-control" id='imagePath' formControlName="name">
                    </div>
                </div>
            </div>

        </form>

这是来自 .ts 文件的代码

  reciepeForm: FormGroup;
  this.reciepeForm = new FormGroup({
      'name': new FormControl(),
      'imagePath': new FormControl(),
      'description': new FormControl(),
    })

这是一个错误

标签： angular

Answer 1

确保您：

• 导入recipe-edit.module.ts你的AppModule

或者

• 声明recipe-edit.component.ts在你的AppModule

正如@TotallyNewb 提到的，导入FormsModule和ReactiveFormsModule你AppModule的也是如此。