Les reactive Forms Angular


Valeurs saisies: {{monForm.value | json }}


{{monForm.valueChanges | async | json}}


Civilité

Prénom (value) : {{monForm.controls['identity'].get('firstName')?.value}}
- Prénom (Touched) : {{monForm.controls['identity'].get('firstName')?.touched}}
- Prénom (Pristine) : {{monForm.controls['identity'].get('firstName')?.pristine}}
- Prénom (Dirty) : {{monForm.controls['identity'].get('firstName')?.dirty}}
- Prénom (Valid) : {{monForm.controls['identity'].get('firstName')?.valid}}

@if(!monForm.controls['identity'].get('firstName')?.valid && monForm.controls['identity'].get('firstName')?.touched) {

* le champ doit comporter 3 caractères minimum *

}

Le champ prénom est validé !


Adresse
TP