Angular2 中的更改不会更新视图

### Angular2 中更改不更新视图的解决方法

typescript
import { Component, NgZone } from '@angular/core';
@Component({
  selector: 'app-example',
  template: `
    
      
{{ data }}
      Update Data
    
  `
})
export class ExampleComponent {
  data: string = 'Initial data';
  constructor(private ngZone: NgZone) {}
  updateData() {
    // 模拟数据更新
    this.data = 'Updated data';
    
    // 手动触发变更检测
    this.ngZone.run(() => {});
  }
}

typescript
import { Component, ChangeDetectorRef } from '@angular/core';
@Component({
  selector: 'app-example',
  template: `
    
      
{{ data }}
      Update Data
    
  `
})
export class ExampleComponent {
  data: string = 'Initial data';
  constructor(private cdr: ChangeDetectorRef) {}
  updateData() {
    // 模拟数据更新
    this.data = 'Updated data';
    
    // 手动触发变更检测
    this.cdr.detectChanges();
  }
}