Question

所以我一直在浏览互联网，每个人都说同样的话，那就是我必须在appmodule.ts中添加导入，但是我已经添加了导入，但是我仍然遇到相同的错误。

错误是：

Can't bind to 'FormGroup' since it isn't a known property of 'form'. ("
        <ion-col>

            <form novalidate [ERROR ->][FormGroup]="form" (ngSubmit)="addUser(form)">

                <ion-title class="center">Registr"): ng:///AppModule/RegisterPage.html@8:33

Register.html（https://ghostbin.com/paste/8wn3q）

Register.ts（https://ghostbin.com/paste/3sxcz）

Appmodule.ts（https://ghostbin.com/paste/wgmxd）

Answer 1

您似乎正在使用Ionic4？您还需要将FormsModule和ReactiveFormsModule导入到<page-name>.module.ts中，然后将它们添加到imports数组中。

Answer 2

[FormGroup]应该是[formGroup]。

注意小写的f。

Answer 3

遇到此问题时，另一个常见的罪魁祸首是延迟加载。如果您是懒加载，请不要忘记在当前模块中不仅在父模块中包括相关的导入（在本例中为ReactiveFormsModule）。

Answer 4

您似乎混淆了两种使用Angular表单的方式-您应该在模板中使用指令，而在组件文件中使用 class 实例：

模板中的使用指令，应为 camelCase ，如此处所述：https://angular.io/guide/reactive-forms#step-2-associating-the-formgroup-model-and-view
```
<form [formGroup]="yourFormName">
  CONTENT
</form>
```
在组件中使用构造函数，它应以 UpperCase 字母（作为任何类名）开头，如下所示：https://angular.io/guide/reactive-forms#step-1-creating-a-formgroup-instance
```
export class YourComponent {
  public yourFormName: FormGroup = new FormGroup({
    firstControl: new FormControl(''),
    lastControl: new FormControl(''),
  });
}
```

无法绑定到“ FormGroup”，因为它不是“ form”的已知属性----

4 个答案: