在父组件中更改订阅块内的@Input指令值时，未在子组件中检测到更改

import { Component, ViewChild, ChangeDetectorRef } from '@angular/core';
import { ChildComponent } from './child.component';

@Component({
  selector: 'app-parent',
  template: `
    <button (click)="changeInputValue()">Change Input Value</button>
    <app-child [inputValue]="inputValue"></app-child>
  `
})
export class ParentComponent {
  inputValue: string;

  constructor(private cdr: ChangeDetectorRef) {}

  changeInputValue() {
    this.inputValue = 'New Value';
    this.cdr.detectChanges(); // 手动触发变化检测
  }
}

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

@Component({
  selector: 'app-child',
  template: `
    <div>{{ inputValue }}</div>
  `
})
export class ChildComponent {
  @Input() inputValue: string;
}