无法绑定到“formGroup ”,因为它不是第二个组件[重复]的“form”的已知属性

Question

import { FormsModule, ReactiveFormsModule } from '@angular/forms';

并将它们添加到:

imports: [
    ReactiveFormsModule,
    FormsModule,
    BrowserModule,
    RutasModule,
    HttpClientModule
  ]

然后我创建了一个组件来导入:

import { FormControl, FormGroup, Validators } from "@angular/forms";

<form [formGroup]="myForm"> 
   ... 
</form>

它工作得很好，但是现在我添加了第二个组件，它从第一个组件中复制了import和form标记。为什么第二个组件会出现这个错误？app.module.ts文件确实导入了所需的模块，它们可以很好地处理第一个组件，但是第二个组件不行

Answer 1

确保将您的第二个组件导入到App模块中，如果它是在另一个模块中导入的，您需要在该组件中添加< code>FormsModule，ReactiveFormsModule。

myForm = new FormGroup({
     name: new FormControl(),
     age: new FormControl('20')
});