Viel, hilft viel? Medikamente können hilfreich sein, keine Frage. Aber nehme ich blind jede Pille? Wohl kaum! Aber bei Liberias greifen wir gerne beherzt zu und beachten kaum die verbundenen Risiken und Nebenwirkungen. Diese Folge bring Licht ins Dunkele.

Der Einstieg in Angular ist leicht – jedoch gibt es viele verschiedene Varianten, die an das gleiche Ziel führen. Das ist auch bei den Schleifen nicht anderes. Wir schauen uns in dieser Podcastepisode verschiedene Varianten von Schleifen an.

Um Daten vor der Darstellung an den Benutzer zu formatieren, nutzen wir in Angular Pipes. Pipes erlauben es, die Daten im Template zu transformieren, ohne die Ausgangsdatensatz zu verändern. Ein typisches Beispiel für die Nutzung von Pipes ist die Ausgabe eines Datums. Das interne Objekt-Property oder Variable haben den Datentyp Date und der Benutzer erwartet Tag/Monat/Jahr. Ggfs. beinhaltet das Datum auch die Uhrzeit, die für eine andere Stelle relevant ist. Wir sehen dabei, dass die Formatierung für den Anwender kann ein verlustbehaftetes Verfahren sein.

Ein Service in Angular ist eine TypeScript Klasse mit einer bestimmten Aufgabe. Der Gegenstand eines Service kann die Bereitstellung von Daten, die Kommunikation zwischen Komponenten und anderen Objekten sowie die Wiederverwendbarkeit von Funktionen sein.

Zustandsänderungen sind komplex: Wann muss eine Änderung durchgeführt werden? Warum muss eine Anpassung gemacht werden? Wie sollen die Daten modifiziert werden? Neue bzw. Zusätzliche Anforderungen erschweren saubere Zustandsänderungen – sind aber typisch und häufig. Redux sorgt eine Vorhersagbarkeit für die Zustandsveränderung und das ist das Thema dieser Podcast Folge.

In dieser Happy Angular Podcast Folge schauen wir uns Direktiven an. Eine Direktive sind Befehle, die das Aussehen des Templates anpassen. Angewendet kann eine Direktive auf ein HTML Element oder einer Komponente. In Angular gibt es drei verschiedene Arten von Direktiven: Attribute Direktive, strukturelle Direktive und eine Komponente. Neben den Standard-Angular Direktiven können wir auch eigene Direktiven schreiben.

Der Unterschied zwischen HTML Attribute und DOM Property ist das Thema dieser Happy Angular Podcast Folge. Dabei lernen wie wir gezielt die HTML Attribute bzw. DOM Property setzen.

Bindings erlauben die Kommunikation zwischen HTML Datei und TypeScript Klasse. In dieser Folge des Happy Angular Podcasts schauen wir uns String Interpolation, Property Binding, Event Binding, Two-Way Binding und drei weitere Bindings an. Du erhältst drei wertvolle Tipps, wie Fehler mit Bindings vermeidest und einfacher mit leeren Werten wie null und undefined umgehen kannst.

Als ersten Grundbaustein in Angular schauen wir uns heute die Komponente an. Die Komponente ist ein elementarer Baustein und definiert den Inhalt deiner Anwendung. Jede Komponente besteht aus zwei Bestandteile: Template und Logik. Das Template beantwortet mit einer HTML Datei die Frage, wie einen Komponente aussehen soll. Das Verhalten und der Inhalt wird durch eine TypeScript Klasse definiert (Logik). Es gibt grundsätzlich zwei Arten, wie eine Komponente verwendet werden kann: Wiederverwendbar und spezifisch. In einer wiederverwendbaren Komponente wird das Aussehen und Verhalten festgelegt und der Inhalt von außen mit Hilfe von Inputs gesetzt. In einer spezifischen Komponente wird darüber hinaus auch der Inhalt definiert.

Wir schaffen uns einen Überblick über das Angular Framework und auch über die nächsten Episoden: Die Komponente ist ein elementarer Baustein einer Angular Anwendung und definiert den Inhalt deiner Anwendung. Eine Direktive sind Befehle, die das Aussehen des Templates anpassen und kann auf ein HTML-Element oder Komponente angewendet werden. Für die Bereitstellung von wiederverwendbaren Methode oder zur Datenhaltung werden Services in Angular verwendet. Der Angular Router ermöglicht die Seitennavigation ohne Server-Request. Durch Module ist es möglich, die Angular Anwendung in Sinnabschnitte zu gliedern. In Angular gibt es zwei Wege, wie Formulare aufgebaut werden können: Template-Driven-Forms und Reactive Forms. Durch Pipes können wir Rohdaten von der Ausgabe formatieren, ohne die Rohdaten anzupassen.