如何从子组件Angular 2的属性中收集数据

import { Component, EventEmitter, Output } 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)="getData($event)"></child-component>
    <p>从子组件收集到的数据：{{ collectedData }}</p>
  `
})
export class ParentComponent {
  collectedData: string;

  getData(data: string) {
    this.collectedData = data;
  }
}