来自父组件中ng模板子组件的角度句柄事件

<app-child [data]="parentData"></app-child>

export class ParentComponent {
  parentData: string = 'Hello from parent';

  // ...
}

export class ChildComponent {
  @Input() data: string;

  // ...
}

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

export class ChildComponent {
  @Output() eventEmitter: EventEmitter<string> = new EventEmitter<string>();

  handleClick() {
    this.eventEmitter.emit('Event from child');
  }

  // ...
}

<app-child (eventEmitter)="handleEvent($event)"></app-child>

export class ParentComponent {
  handleEvent(event: string) {
    console.log(event); // Output: Event from child
  }

  // ...
}