Formgroup angolare
Esempi di codice
N
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)
});N
let form: FormGroup = new FormGroup({});
form.addControl(field_name, new FormControl('', Validators.required));N
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>Pagine correlate
Pagine di esempio simili
In altre lingue
Questa pagina è in altre lingue
empty row
Русский
..................................................................................................................
English
..................................................................................................................
Polski
..................................................................................................................
Română
..................................................................................................................
한국어
..................................................................................................................
हिन्दी
..................................................................................................................
Français
..................................................................................................................
Türk
..................................................................................................................
Česk
..................................................................................................................
Português
..................................................................................................................
ไทย
..................................................................................................................
中文
..................................................................................................................
Español
..................................................................................................................
Slovenský
..................................................................................................................
Балгарскі
..................................................................................................................
Íslensk
..................................................................................................................
Popolare in questa categoria
Pagine di esempio popolari nella categoria
empty row