angular / angular/components

bug(MatFormField): Reactive Forms with FormGroup inside child component doesn't highlight when invalid

未关闭
#20,341 5 条评论 1 个 reaction 已指派 0 人 在 GitHub 查看

还没有人认领这个 Issue。

area: material/form-field area: material/input forms P2
主要语言
TypeScript
星标
25k
派生
6.8k
平均合并
1 天 8 小时
30 天内合并 PR
91

描述

#### 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

贡献指南

打开贡献指南

从这里开始

  1. 先读完整个 Issue,再读项目的贡献指南。
  2. 在 Issue 下留言说明你要接手 —— 这能避免两个人做同样的事。
  3. Fork 仓库,在一个分支上完成修改。
  4. 提交 Pull Request,并在描述里引用这个 Issue 编号。

调研方向

从链接的 StackBlitz 复现开始,确认根表单组中的无效字段与子组件内部无效字段之间的差异。跟踪 Angular Material form-field 中涉及无效字段高亮的行为;完成标准是提交空表单后所有无效输入字段都被高亮显示。

由索引模型根据 Issue 内容生成。

评估

技术栈
angular, typescript
领域
frontend
Issue 类型
缺陷
难度
4/5
预计耗时
3-5 天
活跃度
停滞
描述清晰度
基本清楚
新手友好度
35/100

把新 issue 发到你的邮箱

精选适合新手参与的 GitHub issue 摘要。