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

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表单的两种使用方式 - 你应该在模板中使用指令 ，在组件文件中使用类实例：

1. 在模板中使用指令，它应该是camelCase ，如下所述： https ： //angular.io/guide/reactive-forms#step-2-associating-the-formgroup-model-and-view

    <form [formGroup]="yourFormName"> CONTENT </form> 

2. 在组件中使用构造函数，它应该从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(''), }); }