Greetings! I've encountered this issue
Error: ngModel cannot be used to register form controls with a parent formGroup directive
I'm attempting to implement basic validation for form inputs
Below is the snippet of my form
<form [formGroup]="formgroup">
<ion-item>
<ion-label floating>First Name</ion-label>
<ion-input type="text" formControlName="firstname" [(ngModel)]= "userData.firstname" ></ion-input>
</ion-item>
<ion-item *ngIf="firstname.hasError('required') && firstname.touched">
<p>*First Name Is Required</p>
</ion-item>
<ion-item>
<ion-label floating>Last Name</ion-label>
<ion-input type="text" formControlName="lastname" [(ngModel)]= "userData.lastname" ></ion-input>
</ion-item>
<ion-item *ngIf="lastname.hasError('required') && lastname.touched">
<p>*First Name Is Required</p>
</ion-item>
</form>
And here's my controller implementation
import {FormBuilder,FormGroup,Validators,AbstractControl,FormControl} from '@angular/forms';
export class Form1Page {
formgroup:FormGroup;
firstname:AbstractControl;
lastname:AbstractControl;
userData = {"firstname":"", "lastname":""};
constructor(public navCtrl: NavController, public navParams: NavParams,public formBuilder:FormBuilder) {
this.formgroup = formBuilder.group({
firstname:['',Validators.required,Validators.minLength(5)],
lastname:['',Validators.required,Validators.maxLength(15)]
});
this.firstname = this.formgroup.controls['firstname'];
this.firstname = this.formgroup.controls['lastname'];
this.userData.dateOfBirth = new Date().toISOString();
}
}
If you have any suggestions on resolving these challenges, your assistance would be greatly appreciated
Thank you in advance!!!