meta données pour cette page
  •  

Différences

Ci-dessous, les différences entre deux révisions de la page.

Lien vers cette vue comparative

Prochaine révision		Révision précédente
certif:procedure:develop:angular:validator [2026/03/13 15:53] – créée nicolascertif:procedure:develop:angular:validator [2026/03/13 17:05] (Version actuelle) – [L'organisation des tests] nicolas
Ligne 1: Ligne 1:
 +|{{:undo-2.svg?30|}}| [[certif:do#procedures|Retour au Dossier Organisationnel]]|
 +|{{:connexe.jpg?40|}} **Sujets connexes**|[[certif:procedure:develop:angular]]\\ [[certif:procedure:develop:angular:validator-detail]]|
 ====== Mise en place des dx-validator ====== ====== Mise en place des dx-validator ======
 ===== Les différents dx-validator ===== ===== Les différents dx-validator =====
Ligne 10: Ligne 12:
   * **infoBanque** corresponds au nom d'un groupe de validateur (dans le cas général on peut utiliser le même pour tous ceux d'un composant simple   * **infoBanque** corresponds au nom d'un groupe de validateur (dans le cas général on peut utiliser le même pour tous ceux d'un composant simple
   * **custom** corresponds au type de validation que l'on souhaite (cf plus loin)   * **custom** corresponds au type de validation que l'on souhaite (cf plus loin)
 +    * ici custom = un validateur maison (il est déclaré dans [validationCallback]="customValidator.isValidBicFromDx")
 +
 +__Pour aller plus loin :__
 +  * [[certif:procedure:develop:angular:validator-detail]]
 +  * les validateurs "custum" **doivent** être déclaré dans la bibliothèque dans **custom-validation-rule.ts** et donc appelé via le service **customValidatorService**  
 +  * [[certif:procedure:develop:angular:validator-date]]
 +
 +===== L'organisation des tests =====
 +Comme on l'a vu plus haut les validators sont regroupés en **validationGroup**\\
 +Dans le composant on va déclaré une série de procédures (pour une meilleur lecture on essaye de garder la nomenclature)
 +<code>
 +  private Notification= inject(NotificationService) 
 +  
 +  ngAfterViewInit() {
 +    //votre code ici si besoin
 +    this.triggerValidation();
 +  }
 +
 +  private triggerValidation() {
 +    this.Notification.analyseStockValidation("infoBanque","Information bancaires");
 +  }
 +  
 +  handleInfoBanqueChanged() {
 +    // votre code si beoin
 +    this.triggerValidation();
 +    this.infoBancairesChange.emit(JSON.stringify(this.infoBanque))
 +  }
 +  </code>
 +==== Le service "Notification" ====
 +Il publie plusieurs fonctions :
 +|analyseStockValidation(validateGroup:string, nomBloc:string)|**validateGroup** est le nom du groupe de test (on peut en avoir plusieurs dans un même composant)\\ **nomBloc** sert à l'affichage à indiquer à l'utilisateur ou se trouve les champs à corriger|