Glossar
Angular 2 Anwendung: Eine Angular 2 Anwendung ist ein Baum von Komponenten und hat immer mindestens eine Komponente. Die Komponente die immer vorhanden ist, ist die Hauptkomponente und diese wird dem bootstrap-Array des Hauptmoduls übergeben. Die Hauptkomponente bildet die Wurzel des Baums.
Angular-Modul: Angular-Module sind Klassen mit denen wir unsere Anwendung in sinnvollen Blöcken von Features/Funktionalität aufspalten können. Jedes Modul deklariert seine Komponenten, Direktiven und Pipes und kann funktionalität von weiteren Modulen importieren und auch exportieren.
barrel: Ein barrel in Angular 2 ist eine Datei die mehrere Module importiert und gewisse Teile der Module exportiert. Es ist eine einfache Möglichkeit mit möglichst wenige Import-Zeilen, viel Funktionalität zu importieren. In der Regel importieren wir Klassen, Methoden usw. aus einem barrel wie z. B. @angular/core statt die Abhängigkeiten direkt aus der Datei, die diese definiert zu importieren.
bootstrap: Das initialisieren einer Angular 2 Anwendung. Der Initialisierungsprozess beginnt in dem wir eine bootstrap-Funktion aufrufen und das Hauptmodul als Parameter übergeben.
Datenbindung: Auf Englisch “data binding” ist die Verbindung zwischen Daten in einem Angular-Template und entsprechende Daten in einer Komponente oder Direktive. Datenbindungen können auf verschiedenen Weisen entstehen z. B. durch Interpolation, Event-Bindung mittels Klammern (…) oder Eigenschaft-Bindung mittels eckigen Klammern […].
Decorator: Ist eine Funktion die Metadaten zu einer Klasse, deren Methoden und Eigenschaften und Methodenparameter hinzufügen kann. Decorators sind ein TypeScript Feature und fangen immer mit einem “@” an.
Dependency Injection (DI): Ist ein Design Pattern, um Abhängigkeiten zu verwalten. Angular nutzt DI, um Abhängigkeiten wie z. B. Services zu instantiieren und der Komponente zu übergeben.
Direktive: Eine Direktive in Angular 2 ist ein UI-Baustein, den wir nutzen können um HTML-Elemente zu definieren, zu ändern und deren Verhalten zu beeinflussen. Sie sind die wesentlichen Bausteine von Angular. Direktiven gehören zu eine von drei Kategorien: Komponenten, Attribut-Direktive und strukturelle-Direktive.
Hauptkomponente: Die Komponente, die wir dem bootstrap-Array des Hauptmoduls übergeben. Siehe auch Komponente und Hauptmodul.
Hauptmodul: Ist das Angular-Modul, das wir der bootstrap-Funktion übergeben und es definiert die Hauptkomponente der Anwendung. Siehe auch Angular-Modul.
input-Eigenschaft: Ist eine Eigenschaft einer Komponente/Direktive, die die Überkomponente nutzen kann, um Daten der Komponente/Direktive zu übergeben. Die Verbindung zwischen der Überkomponente und der Komponente geschieht im Template.
Interpolation: Ein Ausdruck in einem Template wird evaluiert und dann in ein String konvertiert. Der String wird dann mit benachbarten Strings konkateniert und in den DOM gesetzt. Um Angular zu sagen was interpoliert werden muss, wird der Ausdruck zwischen {{ und }} gesetzt.
Komponente: Komponenten sind die Haupt-UI-Bausteine einer Angular 2 Anwendung. Sie kombinieren Logik mit einem Angular-Template (View), um die Anwendung anzuzeigen. Zu einer Komponente gehören immer Metadaten für die Komponente (@Component) und eine Klasse (Komponenten-Klasse), die die Logik für die Komponente beinhaltet.
output-Eigenschaft: Ist eine Eigenschaft einer Komponente/Direktive, die die Komponente/Direktive nutzen kann, um Daten an die Überkomponente zu übergeben. Die Verbindung zwischen output-Eigenschaft und Überkomponente geschieht im Template. Genauer gesagt definieren output-Eigenschaften Events auf die eine Überkomponente hören und reagieren kann.
Pipes: Sind Funktionen die Eingabewerte transformieren, um diese anschließend in eine View anzuzeigen. Ähnliche Funktionen gab es auch in Angular 1.x. Da waren sie unter dem Namen “Filter” bekannt.
Service: Angular 2 Services sind im Grunde genommen TypeScript Klassen, die wir mittels Dependency Injection in unsere Anwendung verwenden können. Z. B. kann ein Service verschiedene Hilfsmethoden beinhalten.