Angular2 中的 ChangeDetectionStrategy 是什么以及何时使用 OnPush 与 Default

# Angular2 中的 ChangeDetectionStrategy 以及 OnPush 与 Default 的使用

typescript
import { Component, Input, ChangeDetectionStrategy, ChangeDetectorRef } from '@angular/core';
@Component({
  selector: 'app-item',
  template: `
    
      {{ item.name }}
      Update Name
    
  `,
  changeDetection: ChangeDetectionStrategy.OnPush // 可以改为 ChangeDetectionStrategy.Default 进行对比
})
export class ItemComponent {
  @Input() item: { name: string };
  constructor(private cdr: ChangeDetectorRef) {}
  updateName() {
    this.item.name = 'New Name';
    // 如果使用 OnPush 策略，需要手动触发变更检测
    this.cdr.detectChanges();
  }
}