Angular2 formes réactives de supprimer erreur

Autant que je sache, Vous n'avez vraiment pas besoin d'utiliser setErrors méthode lorsque vous pouvez créer les validateurs personnalisés. Vous pouvez facilement créer des validateurs personnalisés pour votre formControl ou formGroup et à l'intérieur de votre programme de validation, vous avez juste besoin de retourner un ValidatorFn et vous ne devriez pas utiliser setErrors méthode.

Pour plus d'informations sur validateur personnalisé pour FormGroup, je vous suggère la lecture de ce l'article qui a résolu mon problème.

C'est mon code de travail:

registerationForm = this.formBuilder.group({
  username: ['', [Validators.required, Validators.email]],
  passwords: this.formBuilder.group(
    {
      password: ['', Validators.required],
      confirmPassword: ['', Validators.required]
    },
    {
      validator: matchPassword
    }
  ),
  policyAgreement: ['', Validators.required]
});

//Outside my component:
const matchPassword = (group: FormGroup) => {
  const password = group.get('password').value;
  const confirmPassword = group.get('confirmPassword').value;
  return password != confirmPassword ? { matchPassword: true } : null;
};

OriginalL'auteur Vahid

Pour supprimer une seule forme de contrôle d'erreur lors de l'exécution de la validation manuelle, procédez de la manière suivante:

this.myFormGroup.get('myControl').setErrors({'myCustomError':null})

Cela ne fera que mettre à jour la valeur de l'erreur spécifiée, et n'effacera aucune validation antérieure, vous pouvez avoir fait, par opposition à setErrors(null), qui annule l'ensemble des erreurs objet du contrôle.

OriginalL'auteur affbedran

À l'aide Angulaire 7, aucune des solutions présentées ici ont travaillé pour moi.

Je devais gérer mon erreur manuellement dans mon validateur personnalisé qui fonctionne avec plusieurs champs de formulaire.

L'exemple ci-dessous vérifie si la différence entre les deux champs de formulaire est assez grand. Les champs du formulaire en question ont de multiples autres validateurs (lte, gte), afin de compensation de toutes les erreurs avec setError(null) était hors de question, et j'essaie d'enlever mon erreur spécifique avec setError({minDifference: null}) toujours à gauche de la formControl dans un état non valide.

minDifference(firstKey: string, secondKey: string, minDifference: number) {
  return (c: AbstractControl): {[key: string]: any} => {
    if (!c.get(firstKey).value || !c.get(secondKey).value ||
      Math.abs(c.get(firstKey).value - c.get(secondKey).value) >= minDifference) {
      //If there is only one error and it's this one then remove all errors from the control (removing 1 does not work)
      if (c.get(secondKey).hasError('minDifference')) {
        //If previously our error has been set, remove it.
        delete c.get(secondKey).errors.minDifference;
        //If no errors remain after, set the control to be valid.
        if (Object.keys(c.get(secondKey).errors).length === 0) {
          c.get(secondKey).setErrors(null);
        }
      }
      return null;
    }
    //Condition was not met, add our error to the alreadying existing ones.
    c.get(secondKey).setErrors( {...c.get(secondKey).errors, ...{ minDifference: true}} )
  }
}

Pour être honnête, je n'aime pas vraiment ma solution, je m'attends à être en mesure de résoudre ce beaucoup plus simple, mais ne pouvais pas trouver un moyen de le faire.

OriginalL'auteur barney.balazs

Supprimer un seul formulaire de contrôle de l'erreur d'utiliser .setErrors() avec l'élément.

this.myFormGroup.get('myControl').setErrors(
)

Cela permettra de supprimer un seul élément d'erreur.

OriginalL'auteur Pk.