当父组件不使用子组件选择器时，如何在Angular6中将数据从子组件传递到父组件？

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

@Component({
  selector: 'app-child',
  template: `
    <button (click)="sendData()">Send Data</button>
  `
})
export class ChildComponent {
  @Output() dataEvent = new EventEmitter<string>();

  sendData() {
    const data = 'Hello from child component';
    this.dataEvent.emit(data);
  }
}

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

@Component({
  selector: 'app-parent',
  template: `
    <app-child (dataEvent)="receiveData($event)"></app-child>
    <p>Data from child: {{ receivedData }}</p>
  `
})
export class ParentComponent {
  receivedData: string;

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