无法绑定到 '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

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

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

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

2. 在组件中使用构造函数，它应该从 大写 字母开始（如任何 class 名称)，如此处所述：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(''),
     });
   }
   

Answer 2

[FormGroup] 应该是 [formGroup].

注意小写 f。

Answer 3

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

Answer 4

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