update formgroup value angular
To set all FormGroup values use, setValue:
this.myFormGroup.setValue({
formControlName1: myValue1,
formControlName2: myValue2
});
To set only some values, use patchValue:
this.myFormGroup.patchValue({
formControlName1: myValue1,
// formControlName2: myValue2 (can be omitted)
});formgroup addcontrol
let form: FormGroup = new FormGroup({});
form.addControl(field_name, new FormControl('', Validators.required));angular add formgroup to formgroup
this.myForm = this.fb.group({
name: ['', [Validators.required]],
contacts: this.fb.group({
email: ['', [Validators.email]],
})
});
<form [formGroup]="myForm" (ngSubmit)="onSubmit()">
<mat-grid-list cols="2" rowHeight="85px">
<!-- name -->
<mat-grid-tile>
<mat-form-field>
<input matInput type="text" formControlName="name">
<mat-error *ngIf="form.controls.name.hasError('required')">Name required</mat-error>
</mat-form-field>
</mat-grid-tile>
<!-- contacts -->
<div formGroupName="contacts">
<!-- email -->
<mat-grid-tile>
<mat-form-field>
<input matInput type="text" formControlName="email">
<mat-error *ngIf="form.get('contacts').get('email').hasError('required')">Email required</mat-error>
</mat-form-field>
</mat-grid-tile>
</div>
</form>
</mat-grid-list>formgroup angular
content_copy
const form = new FormGroup({
first: new FormControl('Nancy', Validators.minLength(2)),
last: new FormControl('Drew'),
});
console.log(form.value); // {first: 'Nancy', last; 'Drew'}
console.log(form.status); // 'VALID'Copyright © 2021 Codeinu
Forgot your account's password or having trouble logging into your Account? Don't worry, we'll help you to get back your account. Enter your email address and we'll send you a recovery link to reset your password. If you are experiencing problems resetting your password contact us
