📚 Cheatsheet

<div *ngIf="email.invalid && (email.dirty || email.touched)">
  <div *ngIf="email.errors?.['required']">L'email est requis.</div>
  <div *ngIf="email.errors?.['email']">Format d'email invalide.</div>
</div>

this.formulaireProfil.get('nom').disable();
this.formulaireProfil.get('nom').enable();

this.formulaireProfil.get('prenom').valueChanges.subscribe(valeur => {
  console.log('Le prénom est maintenant:', valeur);
});

formulaireCompetences = this.fb.group({
  competences: this.fb.array([])
});

get competences() {
  return this.formulaireCompetences.get('competences') as FormArray;
}

ajouterCompetence() {
  this.competences.push(this.fb.control(''));
}

import { FormBuilder, Validators } from '@angular/forms';

constructor(private fb: FormBuilder) { }

formulaireProfil = this.fb.group({
  prenom: ['', Validators.required],
  nom: ['']
});

<form #profilForm="ngForm" (ngSubmit)="onSubmit(profilForm)">
  <input type="text" name="nom" ngModel required>
  <button type="submit" [disabled]="!profilForm.valid">Envoyer</button>
</form>

this.formulaireProfil.patchValue({ prenom: 'Jane' }); // Met à jour une partie

this.formulaireProfil.setValue({ prenom: 'Jane', nom: 'Doe' }); // Doit fournir toutes les valeurs

this.formulaireProfil.reset(); // Réinitialise toutes les valeurs à null

this.formulaireProfil.reset({ prenom: 'John', nom: 'Doe' }); // Réinitialise avec des valeurs

function motDePasseValide(control: AbstractControl) {
  if (!control.value.includes('!')) {
    return { motDePasseInvalide: true };
  }
  return null;
}

import { FormControl, Validators } from '@angular/forms';

email = new FormControl('', [
  Validators.required,
  Validators.email
]);