Member 14619566 Ответов: 0

Почему я получаю эту ошибку


Я новичок в 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. Пожалуйста, передайте один.

Что я уже пробовал:

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

Member 14619566

Это не работает для меня

0 Ответов