OutPut Decorator Simple Example

App.component

<h1 style="color: blue;">I am parent= {{title}}</h1>

<h2 style="color: red;">Data is coming from Child to Parent=  {{comingFromChildData}}</h2>

<app-child (updateDataEvent)="sendFunc($event)"></app-child>

  title: any = "Hello Parent";
  comingFromChildData: any;

  sendFunc(item: any){
    console.log("I am from child data = ", item);
    this.comingFromChildData = item;
  }

Child.component

<h2>I am child!</h2>
<button (click)="updateDataEvent.emit(myChildData)">Update Data</button>

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

   @Output() updateDataEvent = new EventEmitter<any>();

  myChildData: any = "ami dusto";