[input] Add example of using mat-error with parent formgroup validation
- Lenguaje dominante
- TypeScript
- Estrellas
- 25k
- Forks
- 6.8k
- Merge medio
- 1 d 8 h
- PR fusionados (30 d)
- 91
Descripción
**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.**
Guía de contribución
Línea de trabajo
El issue no nombra ningún archivo del repositorio, prueba ni punto de entrada de la documentación; comienza con la reproducción de inline mat-error y el FormGroup padre. Se considera terminado añadir un ejemplo claro del caso de validación reportado y confirmar que se muestra el error esperado.
Escrito por el modelo de indexación a partir del texto del issue.
Evaluación
- Stack tecnológico
- angular, typescript
- Área
- documentation, frontend
- Tipo de issue
- Documentación
- Dificultad
- 2/5
- Tiempo estimado
- 1-3 horas
- Estado de actividad
- Estancado
- Claridad
- Bastante claro
- Aptitud para principiantes
- 35/100