使用EventEmiiter和动态组件angular 6将值从子组件传递到父组件

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

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

  sendValue() {
    const value = 'Hello from child component';
    this.valueEmitter.emit(value);
  }
}

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

@Component({
  selector: 'app-parent',
  template: `
    <app-child (valueEmitter)="receiveValue($event)"></app-child>
    <p>Received value: {{ receivedValue }}</p>
  `
})
export class ParentComponent {
  receivedValue: string;

  receiveValue(value: string) {
    this.receivedValue = value;
  }
}