如何刷新Angular中的组件

import { Component, ChangeDetectorRef } from '@angular/core';

@Component({
  selector: 'app-example',
  template: `<div>{{data}}</div>`
})
export class ExampleComponent {
  data: string = 'Initial Data';

  constructor(private cdRef: ChangeDetectorRef) {}

  updateData() {
    this.data = 'Updated Data';
    this.cdRef.detectChanges(); // 手动触发变更检测
  }
}

import { Component, ChangeDetectionStrategy } from '@angular/core';

@Component({
  selector: 'app-example',
  template: `<div>{{data}}</div>`,
  changeDetection: ChangeDetectionStrategy.OnPush // 使用OnPush策略减少不必要的变更检测
})
export class ExampleComponent {
  data: string = 'Initial Data';
}