Angular按钮点击未触发detectChanges()方法的原因咨询

原因解释 #

在Angular的变更检测机制中，ApplicationRef.tick()是驱动全局变更检测循环的入口，但它内部调用的是视图实例（ViewRef）的detectChanges()具体实现，而非你断点的ChangeDetectorRef抽象类的方法。

具体细节：

• ChangeDetectorRef是定义变更检测公开API的抽象类，ViewRef（包括组件视图、嵌入视图）是它的具体实现类。
• 你在ChangeDetectorRef.detectChanges()上添加的断点，只会在**手动调用组件的changeDetectorRef.detectChanges()**时触发。
• Angular自动变更检测循环中，直接调用的是ViewRef实例的底层detectChanges()实现（比如ComponentView类中的对应方法），这个逻辑不经过ChangeDetectorRef抽象类的方法，所以你的断点不会命中。

另外，代码运行中ngDoCheck()被正常打印，说明变更检测确实在执行——ngDoCheck()就是detectChanges()触发的变更检测流程中调用的钩子，这也侧面印证了内部变更检测逻辑已正常运行。

如果想捕获Angular内部的变更检测调用，应该在ViewRef.detectChanges()的具体实现上添加断点，比如Angular源码view.ts文件中ComponentView类的detectChanges()方法。

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