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

Я пытаюсь создать один 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

person Vijaya Naik    schedule 02.05.2020    source источник


Ответы (1)


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

person Avishek    schedule 02.05.2020