Angular OnPush变更检测疑问：子组件未按预期更新原因解析

先明确Angular ChangeDetectionStrategy.OnPush 模式下，组件能触发变更检测的几个核心场景：

• 组件的**@Input输入属性引用发生变化**
• 组件自身触发了DOM事件（如点击）或RxJS订阅事件
• 手动调用ChangeDetectorRef的相关方法（如markForCheck()、detectChanges()）
• 父组件触发变更检测时，子组件满足上述任一条件

下面逐个拆解现象的原因：

1. Parent组件2秒更新后未立即显示，10秒才更新 #

Parent组件在2秒时修改了parentProp，但因为使用OnPush模式，且未满足任何触发变更检测的条件（无输入变化、无事件触发、无手动调用检测方法），Angular不会对它执行变更检测，属性更新无法同步到模板。

直到10秒时Child组件调用cdr.markForCheck()——这个方法会将从当前组件到根组件的所有组件标记为「需要执行变更检测」，所以Parent组件会被纳入下一次检测周期，此时才会更新模板显示parentValue2。

2. ChildChild组件3秒更新后始终未显示新值 #

ChildChild组件在3秒时修改了内部属性childChildProp，但OnPush模式下，组件内部属性的自行变更不属于触发检测的条件：它既无@Input属性变化，也未触发任何事件，更没有手动调用ChangeDetectorRef的方法。

即便后续Child组件触发了变更检测，Angular检查ChildChild时，发现它不满足OnPush的任何触发条件，因此不会对其执行变更检测，内部属性的更新也就无法同步到模板。

3. 替换为detectChanges()后，ChildChild仍未更新 #

detectChanges()与markForCheck()的核心区别在于：

• detectChanges()会立即执行当前组件及其子组件的变更检测，但仅针对当前组件树（不会向上标记根组件）
• 但执行Child组件的检测时，ChildChild依然不满足OnPush的触发条件（无输入变化、无事件），所以Angular不会对ChildChild执行检测，它的模板自然不会更新。

内容的提问来源于stack exchange，提问作者Dmitry Dagadin