angular4 变更检查机制

代码块中ts数据进行了更新，view视图保持不变
可以引入angular4的 ChangeDetectorRef
该方法有以下几种方法：

class ChangeDetectorRef {
  markForCheck(): void
  detach(): void
  detectChanges(): void
  checkNoChanges(): void
  reattach(): void
}`

1. markForCheck()方法有时候在angular的zone之后。会不生效
2. detectChanges()
   检查一遍 变化检测器 (change detector) 和它的子检测器。可以配合 ChangeDetectorRef 来实现局部变化检查。有些時候，对于更新频繁数据量又很大的列表，我们不想 angular 在列表变化的时候马上更新视图，我们可以手动去调用 detectChanges 方法，去强制 angular 检查 组件数据的变化。这样一来，就可以实现自主控制视图更新频率，而不用担心有太大的性能问题了。
3. checkNoChanges()
   检测该组件及其子组件，如果有变化存在则报错，用于开发阶段二次验证变化已经完成。
4. detach()
   从变化检测树中分离变化检测器，该组件的变化检测器将不再执行变化检测，除非手动调用 reattach() 方法。当我们在组件上调用 ChangeDetectorRef 的 detach 方法之后，angular 在该组件数据发生变化的时候，不再执行更新视图等操作。
5. reattach()
   重新添加已分离的变化检测器，使得该组件及其子组件都能执行变化检测。让 angular 在组件数据发生变化的时候重新检测该组件的变化，在该组件数据变化的时候，执行如更新视图的操作。

 if (value) {
      this.ChangeDetectorRef.reattach();
    } else {
      this.ChangeDetectorRef.detach();
    }

“`