本文详解如何通过 componentref 的 changedetectorref 正确触发动态创建组件的变更检测，解决 ngonchanges 不响应、视图未更新等常见问题，并提供可直接复用的实践代码与关键注意事项。
在 Angular 中，通过 ComponentFactoryResolver（或现代推荐的 ViewContainerRef.createComponent）动态创建组件时，组件实例虽已挂载，但其变更检测（Change Detection）并不会自动响应输入属性（@Input()）的后续赋值——尤其是当属性通过 componentRef.instance.xxx = value 方式直接设置时，Angular 的变更检测机制无法捕获该操作，导致 ngOnChanges 不被调用、模板未更新。
根本原因在于：ngOnChanges 仅在变更检测周期中，由 Angular 的 ChangeDetectorRef 检测到 @Input() 绑定值变化时触发；而手动赋值绕过了绑定管道，属于“脏写”，必须显式通知变更检测器。
✅ 正确做法是：调用动态组件自身的 changeDetectorRef.detectChanges()，而非试图注入或替换 ChangeDetectorRef 实例：
const factory = this.componentFactoryResolver.resolveComponentFactory(MyDynamicComponent); const componentRef = factory.create(this.injector, [], dynamicHostElement); // ✅ 必须先 attachView，使变更检测器纳入应用生命周期 this.applicationRef.attachView(componentRef.hostView); // 设置输入属性（注意：此时尚未触发 ngOnChanges） componentRef.instance.input1 = 1; componentRef.instance.input2 = 2; componentRef.instance.compId = compInsId; // ✅ 关键步骤：手动触发该组件专属的变更检测 componentRef.changeDetectorRef.detectChanges();
⚠️ 重要注意事项：
- attachView 不可省略：若未调用 this.applicationRef.attachView(componentRef.hostView)，detectChanges() 将静默失效（无报错但不执行检测）；
- 勿使用 ApplicationRef.tick()：它会触发全应用检测，性能开销大，且可能引发意外副作用；
- 避免在 ngAfterViewInit/ngAfterContentInit 后立即 detectChanges()：若组件内部依赖这些钩子完成初始化，过早检测可能导致状态不一致；
- ChangeDetectorRef 已内置：每个 ComponentRef 实例均自带 changeDetectorRef 属性（类型为 ChangeDetectorRef），无需手动注入或赋值；
- OnPush 策略下更需显式调用：若动态组件启用了 ChangeDetectionStrategy.OnPush，则仅靠 detectChanges() 不足，还需配合 markForCheck() 或确保输入对象引用变更（如使用 Object.assign({}, data)）。
? 进阶提示：
若需在设置多个输入后统一触发一次检测，可批量赋值后再调用 detectChanges()；若涉及异步数据（如 HTTP 响应），务必在 subscribe 回调内调用，确保变更检测发生在 Angular Zone 内（或使用 NgZone.run() 包裹）。
总结：动态组件的变更检测控制权始终在其自身 ComponentRef.changeDetectorRef 手中。牢记三步法——attachView → 赋值 → detectChanges()，即可精准、高效地驱动视图更新，彻底规避 ngOnChanges 失效问题。
