Random

src/app/Parent/parent.component.html

@@ -0,0 +1,6 @@
+<h1>Parent</h1>
+<p>Kontostand: {{ balance }}</p>
+<button type="button" class="px-3 py-1 border-[3px] border-black m-3" (click)=addFifty()>Add Money</button>
+
+<app-child [(balance)]="balance"></app-child>
+<app-child [(balance)]="balance"></app-child>

src/app/Parent/parent.component.ts

@@ -0,0 +1,17 @@
+import { Component } from "@angular/core";
+import { ChildComponent } from "../Child/child.component";
+
+
+@Component({
+  selector: 'app-parent',
+  standalone: true,
+  templateUrl: './parent.component.html',
+  imports: [ChildComponent],
+})
+export class ParentComponent {
+  public balance = 1000;
+
+  public addFifty() {
+    this.balance += 50;
+  }
+}