Angular OnPush模式下，NgZone外setInterval+markForCheck为何触发变更检测？

你提到的疑问很关键：明明markForCheck不会直接触发变更检测，且setInterval跑在Angular Zone之外，按道理视图不该更新，但实际却更新了。核心原因在于两个点：

1. markForCheck的实际作用 #

markForCheck确实不会立即触发变更检测，但它会做一件重要的事：把当前组件及其所有祖先组件的变更检测状态标记为「需要检查」，也就是将这些组件的ViewRef加入到Angular的待检测队列中，等待下一次变更检测周期到来时被处理。

2. Angular的全局变更检测调度 #

Angular的ApplicationRef（应用根引用）内部会启动一个基于requestAnimationFrame的循环，这个循环会定期调用tick()方法执行全局变更检测——不管是否在Zone内，这个循环都会持续运行。

所以你的代码流程是：

• setInterval在Zone外每秒执行一次，更新currentTime
• 调用markForCheck将根组件标记为需要检查
• 下一次ApplicationRef的循环执行tick()时，检测到根组件处于待检查状态，就会执行变更检测，更新视图

补充验证 #

如果想要验证这个逻辑，你可以手动停止ApplicationRef的循环，或者在代码中不调用markForCheck，此时视图就不会再更新。比如在组件中注入ApplicationRef，调用detach()方法，视图就会停止更新：

import { ApplicationRef } from '@angular/core';

// ... 其余导入和组件定义不变

constructor(
  private ngZone: NgZone, 
  private changeDetectorRef: ChangeDetectorRef,
  private appRef: ApplicationRef // 注入ApplicationRef
) {}

ngOnInit() {
  this.appRef.detach(); // 停止全局变更检测循环
  this.ngZone.runOutsideAngular(() => {
    this.intervalId = setInterval(() => {
      this.currentTime = new Date();
      this.changeDetectorRef.markForCheck();
    }, 1000);
  });
}

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