子代如何将数据传递给Angular 2中的父代

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

@Component({
  selector: 'child-component',
  template: `
    <button (click)="sendData()">传递数据给父组件</button>
  `
})
export class ChildComponent {
  @Output() dataEvent = new EventEmitter<string>();

  sendData() {
    const data = '这是子组件传递给父组件的数据';
    this.dataEvent.emit(data);
  }
}

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

@Component({
  selector: 'parent-component',
  template: `
    <child-component (dataEvent)="receiveData($event)"></child-component>
    <p>接收到的数据：{{ receivedData }}</p>
  `
})
export class ParentComponent {
  receivedData: string;

  receiveData(data: string) {
    this.receivedData = data;
  }
}