将子组件告知Angular 2中的数据更新

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

@Component({
  selector: 'app-parent',
  template: `
    <h2>Parent Component</h2>
    <p>Parent Data: {{ parentData }}</p>
    <app-child [childData]="parentData"></app-child>
  `
})
export class ParentComponent {
  parentData = 'Hello from parent';
}

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

@Component({
  selector: 'app-child',
  template: `
    <h2>Child Component</h2>
    <p>Child Data: {{ childData }}</p>
    <button (click)="updateData()">Update Data</button>
  `
})
export class ChildComponent {
  @Input() childData: string;

  updateData() {
    this.childData = 'Updated data from child';
  }
}