Random

src/app/Child/child.component.html

@@ -0,0 +1,3 @@
+<h1>Child</h1>
+<p>Balance: {{balance}}</p>
+<button type="button" (click)=takeMoney() class="btn btn-secondary">Take Money</button>

src/app/Child/child.component.ts

@@ -0,0 +1,16 @@
+import { Component, Input, Output, EventEmitter } from "@angular/core";
+
+@Component({
+  selector: 'app-child',
+  standalone: true,
+  templateUrl: './child.component.html',
+})
+export class ChildComponent {
+  @Input() public balance:number = 0;
+  @Output() balanceChange = new EventEmitter<number>();
+
+  public takeMoney() {
+    this.balance -= 50;
+    this.balanceChange.emit(this.balance);
+  }
+}