[input] Add example of using mat-error with parent formgroup validation
- Langage dominant
- TypeScript
- Étoiles
- 25k
- Forks
- 6.8k
- Merge moyen
- 1 j 8 h
- PR mergées (30 j)
- 91
Description
**Bug, feature request, or proposal:**
`` doesn't show when I use an email maching validator for emails inputs.
**What is the expected behavior?**
To display the error.
**What is the current behavior?**
No error is displayed
**What are the steps to reproduce?**
Set a custom validator for check if two emails inputs are equals, like this :
```
private matchEmail(AC: AbstractControl) {
return AC.get('mail').value === AC.get('mailconfirm').value ? null : { mailmismatch: true };
}
this.administratifForm = this.fb.group({
(...),
mail: this.fb.control('', [Validators.required, Validators.email]),
mailconfirm: this.fb.control('', [Validators.required]),
(...),
}, {
validator: this.matchEmail,
},
);
```
The template :
```
Ce champ est requis
Les adresses mail ne correspondent pas
```
**Which versions of Angular, Material, OS, TypeScript, browsers are affected?**
Angular 5.0.2, Material 5.0.0-rc0, MacOS Sierra, Firefox
**Additional Information**
**If i replace the `` tag by a `
` tag (or anything else), it's work.**
Guide de contribution
Ouvrir le guide de contribution
Piste de recherche
L’issue ne nomme aucun fichier du dépôt, test ou point d’entrée de la documentation ; commencez par la reproduction avec inline mat-error et le FormGroup parent. Le travail est terminé lorsqu’un exemple clair du cas de validation signalé est ajouté et qu’il est confirmé que l’erreur attendue s’affiche.
Rédigé par le modèle d'indexation à partir du texte de l'issue.
Évaluation
- Stack technique
- angular, typescript
- Domaine
- documentation, frontend
- Type d'issue
- Documentation
- Difficulté
- 2/5
- Temps estimé
- 1-3 heures
- Activité
- À l'abandon
- Clarté
- Plutôt claire
- Accessibilité débutants
- 35/100