Angular2 zone.run() 与 ChangeDetectorRef.detectChanges()

Angular中的zone.run()与ChangeDetectorRef.detectChanges()：深入理解变更检测机制

typescript
import { NgZone } from '@angular/core';
// 在组件的构造函数中注入NgZone
constructor(private zone: NgZone) {}
// 在异步操作中使用zone.run()
this.zone.run(() => {
  // 在这个上下文中执行异步操作
  // 任何在这里发生的变化都会被Angular的变更检测机制捕获到
});

typescript
import { ChangeDetectorRef } from '@angular/core';
// 在组件的构造函数中注入ChangeDetectorRef
constructor(private cdr: ChangeDetectorRef) {}
// 在需要手动触发变更检测的地方调用detectChanges()
this.cdr.detectChanges();