识别来自Angular中子窗体中的控件的值更改

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

@Component({
  selector: 'app-parent',
  template: `
    <app-child></app-child>
  `
})
export class ParentComponent {
  @ViewChild(ChildComponent) childComponent: ChildComponent;

  // 在这里可以访问子组件的属性和方法
}

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

@Component({
  selector: 'app-child',
  template: `
    <input type="text" [(ngModel)]="value" (ngModelChange)="onValueChange()">
  `
})
export class ChildComponent {
  value: string;
  @Output() valueChange: EventEmitter<string> = new EventEmitter<string>();

  onValueChange() {
    this.valueChange.emit(this.value);
  }
}

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

@Component({
  selector: 'app-parent',
  template: `
    <app-child (valueChange)="onChildValueChange($event)"></app-child>
  `
})
export class ParentComponent {
  onChildValueChange(newValue: string) {
    // 在这里可以处理子组件的值更改
  }
}