Angular类属性未更新

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

@Component({
  selector: 'app-example',
  template: `...`,
  changeDetection: ChangeDetectionStrategy.OnPush
})
export class ExampleComponent {
  constructor(private cdr: ChangeDetectorRef) {}

  updateProperty() {
    // 更新属性
    this.someProperty = newValue;
    // 手动触发变更检测
    this.cdr.detectChanges();
  }
}

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

@Component({
  selector: 'app-example',
  template: `...`
})
export class ExampleComponent {
  constructor(private ngZone: NgZone) {}

  async fetchData() {
    const data = await someAsyncOperation();
    this.ngZone.run(() => {
      this.someProperty = data;
    });
  }
}

import { Component } from '@angular/core';
import { produce } from 'immer';

@Component({
  selector: 'app-example',
  template: `...`
})
export class ExampleComponent {
  someProperty = initialState;

  updateProperty() {
    this.someProperty = produce(this.someProperty, draft => {
      draft.someField = newValue;
    });
  }
}