使用ChangeDetectionStrategy.OnPush时，Angular ChangeDetection不适用于按钮禁用属性

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

@Component({
  selector: 'app-example',
  template: `
    <button [disabled]="isDisabled">Submit</button>
  `,
  changeDetection: ChangeDetectionStrategy.OnPush
})
export class ExampleComponent {
  isDisabled = false;

  constructor(private cdr: ChangeDetectorRef) {}

  updateDisabledState() {
    // 更新按钮禁用属性
    this.isDisabled = true;

    // 手动触发变化检测
    this.cdr.markForCheck();
  }
}

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

@Component({
  selector: 'app-example',
  template: `
    <button [disabled]="disabledState.disabled">Submit</button>
  `,
  changeDetection: ChangeDetectionStrategy.OnPush
})
export class ExampleComponent {
  disabledState = { disabled: false };

  updateDisabledState() {
    // 创建一个新的不可变对象
    this.disabledState = { disabled: true };
  }
}