bug(MatFormField): Reactive Forms with FormGroup inside child component doesn't highlight when invalid
- Vorherrschende Sprache
- TypeScript
- Sterne
- 25k
- Forks
- 6.8k
- Ø Merge
- 1 T. 8 Std.
- Gemergte PRs (30 T.)
- 91
Beschreibung
#### Reproduction
Use StackBlitz to reproduce your issue: https://stackblitz.com/edit/angular-material-formgroup-nested
Steps to reproduce:
1. Connect a form group to a child component (with custom input component) with validations configured
2. Submit the form without value and the form is invalid
#### Expected Behavior
All the input fields that are invalid to get highlighted.
#### Actual Behavior
Components that are on the root group are highlighted
#### Environment
- Angular: 10+
- CDK/Material:10.0.2 - 10.1.3
- Browser(s): Chrome
- Operating System (e.g. Windows, macOS, Ubuntu): Windows
Beitragsleitfaden
Rechercherichtung
Beginne mit der verknüpften StackBlitz-Reproduktion und bestätige den Unterschied zwischen ungültigen Feldern in der Stamm-Formulargruppe und denen innerhalb der untergeordneten Komponente. Verfolge das Verhalten von Angular Material form-field, das an der Hervorhebung ungültiger Felder beteiligt ist; als abgeschlossen gilt die Aufgabe, wenn nach dem Absenden des leeren Formulars alle ungültigen Eingabefelder hervorgehoben werden.
Vom Indexierungsmodell aus dem Issue-Text verfasst.
Bewertung
- Tech-Stack
- angular, typescript
- Bereich
- frontend
- Issue-Typ
- Bug
- Schwierigkeit
- 4/5
- Geschätzter Aufwand
- 3-5 Tage
- Aktivitätsstatus
- Veraltet
- Klarheit
- Größtenteils klar
- Anfängerfreundlichkeit
- 35/100