Почему я получаю эту ошибку
Я новичок в angular и пытаюсь изучить валидацию форм. Пожалуйста, найдите мой сценарий ниже:
Клиент-это один из модулей в приложении.
Customer HTML code: <form [formGroup]="CustomerModel.CustomerFormGroup"> Customer Code :<input formControlName = "CustomerCodeControl" [(ngModel)]="CustomerModel.CustomerCode" type=text/><br> Customer Name :<input formControlName = "CustomerNameControl" [(ngModel)]="CustomerModel.CustomerName" type=text/><br> Customer Amount :<input [(ngModel)]="CustomerModel.CustomerAmount" [ngModelOptions]="{standalone: true}" type=text/><br> <input (click)="Add()" type=button value="Add"/><br> </form>
Код модели клиента:
import {NgForm, FormGroup,FormControl,Validators, FormBuilder} from '@angular/forms'; export class Customer{ CustomerCode:string = ""; CustomerName:string = ""; CustomerAmount:number = 0; CustomerFormGroup: FormGroup = null; Constructor() { //creating formgroup object var CustomerFormBuilder = new FormBuilder; this.CustomerFormGroup = CustomerFormBuilder.group({}); //adding form control //having just one validation //adding name control this.CustomerFormGroup.addControl("CustomerNameControl", new FormControl('',Validators.required) ) //having more than one validations //creating array var CustomerCodeValidations = [] CustomerCodeValidations.push(Validators.required) CustomerCodeValidations.push(Validators.pattern('^[0-9]{4,4}')) // adding code control this.CustomerFormGroup.addControl("CustomerCodeControl", new FormControl('',Validators.compose(CustomerCodeValidations)) ) } }
Код компонента клиента:
import { Component } from '@angular/core'; import {Customer} from "./CustomerApp.model" @Component({ templateUrl: './CustomerApp.CustomerView.html' }) export class CustomerComponent { title = 'CustomerApplication'; CustomerModel : Customer = new Customer(); CustomerModels :Array<customer> = new Array<customer>(); Add(){ this.CustomerModels.push(this.CustomerModel); this.CustomerModel = new Customer();// clear UI } }
В компонентном модуле я импортировал как FormsModule, так и ReactiveFormsModule. Однако
Я получаю следующую ошибку:
Ошибка: formGroup ожидает экземпляр FormGroup. Пожалуйста, передайте один.
Что я уже пробовал:
Я попытался проверить, не связано ли это с небольшим несоответствием регистра и верхнего регистра. Я не могу проследить код дальше, так как я новичок в программировании. Пожалуйста помочь.
ZurdoDev
Первый результат google forms - Angular 2: formGroup ожидает экземпляр FormGroup. Пожалуйста, передайте один in - Stack Overflow[^]
Member 14619566
Это не работает для меня