如何将2个数据传递给子组件并使用ngOnChanges和SimpleChanges

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

@Component({
  selector: 'app-parent',
  template: `
    <app-child [data1]="data1" [data2]="data2"></app-child>
  `,
})
export class ParentComponent {
  data1: any;
  data2: any;

  constructor() {
    this.data1 = 'Hello';
    this.data2 = 'World';
  }
}

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

@Component({
  selector: 'app-child',
  template: `
    <p>Data 1: {{ data1 }}</p>
    <p>Data 2: {{ data2 }}</p>
  `,
})
export class ChildComponent implements OnChanges {
  @Input() data1: any;
  @Input() data2: any;

  ngOnChanges(changes: SimpleChanges) {
    if (changes.data1) {
      console.log('Data 1 changed:', changes.data1.currentValue);
      // 在这里处理data1的变化
    }

    if (changes.data2) {
      console.log('Data 2 changed:', changes.data2.currentValue);
      // 在这里处理data2的变化
    }
  }
}