Невозможно привязать к 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

Похоже, вы перепутали два способа использования угловых форм - вы должны использовать директиву в шаблоне и класс экземпляр в файле компонента:

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(''),
     });
   }