Angular 12 - send data from child to Parent component with *** @Output() ***

 <app-item-output  (outEkleEvent)="addEkle($event)"></app-item-output>

<h3>Parent component receiving value via @Output()</h3>

<hr>

<div class="container">

  <div id="divEklenen">{{sEklenen}} </div>

</div>

--------------

  sEklenen: number =0  ;

  addEkle(sEklenen:number)

  {

    this.sEklenen = this.sEklenen + sEklenen  ;

    console.warn(`==>>> ${ this.sEklenen}.`);

  }

-----------------------

  addOutEkle(value: number) { 

    this.outEkleEvent.emit(value);

  }

-----------------

<p>item-output works!</p>

<h2>Child component with @Output()</h2>

<label for="item-input">Add an item:</label>

<input type="number" id="item-input" [defaultValue]=1 #eklenecek>

<button (click)="addOutEkle(eklenecek.valueAsNumber)">input number!!</button>

/// Github public :

https://github.com/doktoralban/inputoutputapp