Meine Notizen: Angular

Komponente– Logik (.ts)
– Vorlage HTML (.html)
– Style (.scss)
DecoratorTechnisch: Funktion mit vorangestelltem @-Symbol
Anwendung:
Klassen, Eigenschaften, Methoden und Parameter

Beispiel:
@HostListener(‚click‘)
onHostClick(){/**/}
DirektivenStrukturelle Direktiven: manipulieren den DOM (Asterix *)

Beispiel:
<img *ngIf=“doShowImage“>

Attribut-Direktive: verändert das Verhalten oder Aussehen eines Elementes

Beispiel:
<input matInput>
<textarea matAutosizeMinRows =“2″>
<input [ngClass]=“inputClass“>
PipesFunktionalität für die Manipulation der Ausgabe
(meinstens Verwendung in der VIew)

Syntax: Ausdruck | Pipename : Parameter

Beispiele:
<h2> {{greateTitel | uppercase}}</h2>
<h2> {{amount | currency : ‚CHF‘ | lowercase}}</h2>
angular/coreBasis – Kernfunktionalitäten, „Grundlagen“
– Komponenten und Direktiven
– Lebenszyklus
– Pipes
– Dependency Injection
angular/commonBereitstellung allgemeiner Features
– standard: Pipes, Direktiven
angular/platform-browser (AOT)

angular/platform-browser-dynamic (JIT)		Steuert Browser und DOM-relevante Bestandteile zum Rendern von Elementen und Verwalten von Ereignissen
angular/platform-serverSSR – Server side rendering
Ideal für Suchmaschinen und Bots
angular/httpClient-Server-Kommunikation
angular/formsStellt Features für die Formularnutzung zur Verfügung

Vorlagen getrieben: FormsModule
(Feste Struktur der Formulare)

Reaktiv: ReactiveFormsModule
(Dynamische Struktur der Formulare)
angular/routerErmöglicht die Steuerung und Konfiguration von Routen für Single-Page-Applications

Zuordnung Pfad -> Komponente

Unter dem <router-outlet

Beispiel:
Pfad -> auth
Komponente -> app-login

<router-outlet></router-outlet>
<app-login>…</app-login>
angular/animateangular/platform-browser/animations

Brücke zwischen der Web-Animations-API und der Angular-Welt

    Schreibe einen Kommentar

    Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert