使用OnPush变更检测时Angular FormArray增删后自动更新的原理咨询

你的猜测完全正确——Angular响应式表单的updateValueAndValidity()确实是背后的关键推手，而且这个机制是Angular表单系统特意设计的，并非偶然行为。我来给你拆解一下具体的运行逻辑：

当你在OnPush组件中调用FormArray的push()或removeAt()时，整个流程是这样的：

1. 表单方法触发状态更新：push()/removeAt()这类官方方法会先修改FormArray内部的控件集合，然后自动调用自身的updateValueAndValidity()方法。
2. 状态变更通知组件：updateValueAndValidity()会同步更新控件的value和validity状态，同时触发valueChanges和statusChanges这两个Observable流。而Angular的表单指令（比如formArrayName、formGroupName）在初始化时就订阅了这些流。
3. 强制标记变更检测：表单指令在收到状态变更通知后，会立刻调用markForCheck()方法。这个方法的作用是把当前组件（以及所有父组件）的变更检测状态标记为“需要检查”——哪怕组件用的是OnPush策略，Angular在下一次变更检测周期中也会扫描这个组件，更新视图。

这就是为什么你去掉手动调用变更检测的代码后，组件依然能正常更新：官方表单指令已经帮你完成了markForCheck()的操作，不需要额外手动触发。

虽然这个机制目前很稳定，但为了避免Angular版本更新带来的问题，你需要注意这几点：

• 始终使用官方表单方法：永远不要直接修改FormArray的controls数组（比如myFormArray.controls.push(new FormControl())），一定要用push()、removeAt()、insert()这类官方提供的方法。只有这些方法会正确触发updateValueAndValidity()和后续的变更检测流程，直接修改controls不会触发任何状态通知，OnPush组件肯定不会更新。
• 依赖官方表单指令绑定：确保模板中使用了formArrayName、formGroupName等官方指令来绑定表单控件。这些指令是Angular表单系统的一部分，它们和控件的状态流是深度绑定的，只要官方不废弃这些指令，这个触发机制就会保持兼容。
• 关注官方更新文档：如果Angular未来对表单系统做重大调整，一定会在迁移指南和更新日志中明确说明。比如如果有一天updateValueAndValidity()不再自动触发状态流，官方肯定会给出替代方案。平时多关注Angular的官方博客和更新文档，就能提前规避风险。

总的来说，你现在的用法是符合Angular设计意图的，不用担心版本更新会突然失效——只要遵循官方的表单使用规范，这个机制会一直可靠工作。

内容的提问来源于stack exchange，提问作者Gábor Ábrahám