📚 Blazor Basics - Interaktive Demos

1️⃣ Data Binding

Data Binding verbindet Daten zwischen C#-Code und HTML. Änderungen im Code werden automatisch in der UI angezeigt.

One-Way Binding (nur Anzeigen)

Dein Name: Max Mustermann

Two-Way Binding (@bind)

Du hast geschrieben:

2️⃣ Event Handling

Events reagieren auf Benutzer-Interaktionen wie Klicks, Eingaben, etc.

Klick-Zähler: 0

3️⃣ Conditional Rendering

Mit @if, @else kannst du bestimmen, welche Inhalte angezeigt werden.

4️⃣ Listen und Schleifen

Mit @foreach kannst du Listen dynamisch anzeigen.

  • Item 1
  • Item 2
  • Item 3

5️⃣ Kombination: Todo-Liste

Alle Konzepte zusammen: Binding, Events, Conditions und Listen.