Создание простой формы с использованием модулей ReactiveForm в Angular 9, но с ошибкой formGroup

Question

Я пытаюсь создать один ReactiveFormModule в Angular 9. Я включил ReactiveFormModule и FormsModule в app.component.ts. Но все равно при выполнении приложения получаю ошибку. Ниже приведен код,

**Angular 9.1
Nodejs 12.16**

**app.module.ts**
import { FormsModule, ReactiveFormsModule } from '@angular/forms';

@NgModule({
  declarations: [
    AppComponent,
  ],
  imports: [
  ....
    FormsModule,
    ReactiveFormsModule
  ],
  exports: [ReactiveFormsModule,FormsModule],
  ....
})
export class AppModule { }

**in Home component.html file**
<form [formGroup] = "myForm">
                <input type="text" formControlName = "inputValue" class="form-control" (keyup) = "fnChnageText(myForm.value)" >
            </form>

**in home.component.ts**
myForm : FormGroup;
  inputValue : string;

  constructor(private fb:FormBuilder) {
     this.myForm = this.fb.group({
      inputValue : ['',Validators.required]
     });
   }

After running the application getting error - can't bind to the formGroup. How to resolve this. Please help me

Answer 1

Вам не нужно объявлять inputValue отдельно. formControlName, который вы определили, будет непосредственно смотреть внутри вашей группы FormBuilder и проверять ее наличие. Также вам нужно импортировать FormBuilder и Validators из @angular/forms