Grundlagen
Alle ansehen- 01 Installation & Setup Wie du Node.js, die Angular CLI installierst und ein Projekt startest
- 02 CLI Befehle Eine vollständige Referenz aller verfügbaren Angular CLI Befehle
- 03 Was ist Angular? Google-gepflegtes SPA-Framework auf TypeScript-Basis
- 04 Architektur-Überblick Workspace, Builder, Bootstrap und DI im Zusammenspiel
- 05 Bootstrapping Wie eine Angular-App startet — moderner und klassischer Weg
- 06 Standalone vs. NgModules Zwei gleichwertige Wege, Angular-Apps zu strukturieren
- 07 NgModule Grundlagen Aufbau, Patterns und Lazy Loading mit NgModules sauber erklärt
- 08 CommonModule Was das CommonModule ist und warum du es (vielleicht) noch brauchst
Komponenten
Alle ansehen- 01 Aufbau Der grundlegende Baustein von Angular im Detail
- 02 Selectors Wie Komponenten im DOM identifiziert und eingebunden werden
- 03 Component Styling Styling-Methoden, CSS-Kapselung und ::ng-deep erklärt
- 04 Component Lifecycle Wann eine Komponente erstellt, gerendert und zerstört wird
- 05 Dynamic Components Komponenten zur Laufzeit erstellen statt im Template fest verdrahten
- 06 Change Detection Grundlagen Wann und warum Angular dein Template neu rendert
Komponenten-Interaktion
Alle ansehen- 01 Data Input Datenübergabe zwischen Komponenten leicht gemacht
- 02 Model Signal (Two-Way) Two-Way zwischen Parent und Child mit einem Signal
- 03 Data Output Eigene Events in Komponenten definieren und abfeuern
- 04 ViewContainerRef & TemplateRef Templates als Variable und ihre Insertion-Points im Component-Tree
- 05 Host Elements Wie eine Komponente mit ihrem eigenen HTML-Tag interagiert
Templates & Control Flow
Alle ansehen- 01 Interpolation & Property Binding Daten typsicher in Templates rendern und an DOM-Properties binden
- 02 Event Binding & Two-Way DOM-Events abfangen und Daten in beide Richtungen synchronisieren
- 03 Built-in Control Flow Die moderne Template-Syntax für Bedingungen und Schleifen
- 04 Deferrable Views (@defer) Lazy-Loading auf Template-Ebene mit @defer, allen Triggern und Incremental Hydration
- 05 *ngIf, *ngFor, *ngSwitch Klassische Strukturdirektiven mit Microsyntax, trackBy, Templates und Migration
Queries & Projection
Alle ansehenDirectives
Alle ansehen- 01 NgStyle Mehrere CSS-Properties auf einmal als Object-Map an ein Element binden
- 02 Attribute Directives Eigene Direktiven mit @Directive, ElementRef, Renderer2, host und Inputs
- 03 Eigene Strukturdirektiven Eigene Strukturdirektiven mit TemplateRef, ViewContainerRef und Microsyntax – wenn @if/@for nicht reichen
- 04 Directive Composition hostDirectives als Komposition statt Vererbung – mehrere Direktiven am Host-Element kombinieren
- 05 ngClass & Klassen-Binding Wie du CSS-Klassen in Angular-Templates dynamisch hinzufügst und entfernst
Pipes
Alle ansehen- 01 Number, Percent, Decimal Zahlen, Nachkommastellen und Prozentwerte korrekt nach Locale ausgeben.
- 02 UpperCase, LowerCase & TitleCase Drei kleine Pipes für die Schreibweise von Strings — mit Tücken.
- 03 Eigene Pipes (pure & impure) Wie du eigene Pipes baust und Pure/Impure-Verhalten kontrollierst
- 04 AsyncPipe Abonniere Observables direkt im HTML ohne Memory Leaks
- 05 JsonPipe Wie du komplexe Datenstrukturen als formatierten String ausgibst
- 06 CurrencyPipe Formatiere Zahlen korrekt als Euro, Dollar & Co.
- 07 DatePipe Wie du JavaScript-Daten für Benutzer lesbar machst
Signals
Alle ansehen- 01 Was sind Signals? Das neue reaktive Fundament von Angular: signal, computed, effect
- 02 Writable Signals Schreibbare Signals: set(), update() und Equality im Detail
- 03 Computed Signals Abgeleitete, gecachte Read-only-Signals mit automatischem Dependency-Tracking
- 04 Effects Side-Effect-Listener auf Signal-Änderungen mit Cleanup und Lifecycle
- 05 RxJS-Interop Brücke zwischen Signals und RxJS-Observables in Angular
- 06 Linked Signals Schreibbare Signals mit auto-resettendem Default aus einer Quelle
- 07 Resource & rxResource Asynchrones Laden mit Status-Signals statt Loading-Boilerplate