Читать книгу Angular - Manfred Steyer - Страница 5
Inhalt
ОглавлениеNode.js und Angular CLI installieren
Ein Projekt mit der CLI generieren
Projektstruktur von CLI-Projekten
Eine Style-Bibliothek installieren
2Erste Schritte mit TypeScript
Ausgewählte Datentypen in TypeScript
Auto-Importe mit Visual Studio Code
Funktionen und Lambda-Ausdrücke
Callbacks und die Pyramide of Doom
Bedeutung von Promises in Angular
Templates und die Datenbindung
Anwendung ausführen und debuggen
Fehler in der Entwicklerkonsole entdecken
Die Anwendung im Browser debuggen
Debuggen mit Visual Studio Code
Das Zusammenspiel von Property- und Event-Bindings
Eigene Komponenten mit Datenbindung
Eine Komponente mit Property-Bindings
Komponenten mit Event-Bindings
Komponenten mit Two-Way-Bindings
Experiment mit Life-Cycle-Hooks
DateControl mit Life-Cycle-Hooks
5Services und Dependency Injection
Services mit klassischen Providern konfigurieren
Einen Service lokal registrieren
Implementierung einer einfachen Pipe
Weiterführende Konstellationen
Aufräumarbeiten mit ngOnDestroy
Eine Angular-typische Modulstruktur
Routing-Konfiguration für das AppModule einrichten
Routing-Konfiguration für Feature-Modules einrichten
Platzhalter in AppComponent hinterlegen
Hyperlinks zum Aktivieren von Routen einrichten
Parameter in Komponenten auslesen
Parametrisierte Routen konfigurieren
Auf parametrisierte Routen verweisen
Hierarchisches Routing mit Child-Routes
Child-Komponente implementieren
Hyperlinks zum Aktivieren von Child-Routen einrichten
Komponente für Aux-Route erzeugen
Verweise auf Aux-Routes einrichten
Mit dem Query-String und dem Hash-Fragment arbeiten
QueryString und Hash-Fragment programmatisch beeinflussen
Query-String und Hash-Fragment deklarativ beeinflussen
Query-String und Hash-Fragment auslesen
HTML5-Routing vs. Hash-Routing
9Template-getriebene Formulare und Validierung
Zugriff auf den Zustand des Formulars
Bedingte Formatierung von Eingabefeldern
Eine erste Validierungsdirektive erstellen
Parametrisierbare Validierungsdirektiven
Multi-Field-Validatoren erstellen
Komponente zum Präsentieren von Validierungsfehlern
Die Standardsteuerelemente von HTML nutzen
Erste Schritte mit reaktiven Formularen
Das Formular mit einem Objektgraphen beschreiben
Reactive Formulare mit dem FormBuilder beschreiben
Einen Objektgraphen an ein Formular binden
Multi-Field-Validatoren für reaktive Formulare
Wiederholgruppen mit FormArray
11Reactive Extensions Library for JavaScript (RxJS)
Observables, Observer und Operatoren
Observables in Promises umwandeln
Promises in Observables umwandeln
combineLatest vs. withLatestFrom
Komponenten mit dem TestBed testen
Arbeiten mit Attrappen (Mocks)
Templates mit DOM-Zugriffen testen
Optimierte Datenbindung mit OnPush
Immutables und/oder Observables
Routen für das Lazy Loading einrichten
Lazy Loading im Browser nachvollziehen
Lazy Loading und Tree-Shakable Provider
Lazy Loading, klassische Provider und Shared Modules
Korrekte Nutzung von SharedModules beim Einsatz von Lazy Loading
Eigene Preloading-Strategien entwickeln
Selektives Preloading mit eigener Preloading-Strategie
Das Aktivieren von Routen verhindern
Das Deaktivieren einer Komponente verhindern
Resolver erzeugen und verwenden
15.Authentifizierung und Autorisierung
Benutzer mit OpenID Connect authentifizieren
OAuth 2 und OIDC mit Angular nutzen
@angular/localize installieren
Strings in der Komponentenklasse markieren
Übersetzte Texte in Builds integrieren
Sprache beim Einsatz von ng serve festlegen
Übersetzungstexte zur Laufzeit angeben
Grammatikalische Formen berücksichtigen
Unterschiedliche Formate unterstützen
Bibliothek installieren und konfigurieren
Grammatikalische Formen berücksichtigen
Unterschiedliche Formate nutzen
17Reaktive Zustandsverwaltung mit NGRX (Redux)
Zustandsverwaltung mit Services
Building-Blocks implementieren
18Details zu Komponenten und Direktiven
Weiterführende Aspekte von Komponenten
Parent-Komponenten referenzieren
Kommunikation über Template-Variablen
Direktiven und Template-Variablen
Eine einfache DataTable umsetzen
ViewContainerRef direkt zum Einblenden von Templates verwenden
Bestehende ViewContainer ergänzen
ViewContainerRef direkt zum dynamischen Erzeugen von Komponenten verwenden
Komponenten für Formularfelder
Ausgaben formatieren und Eingaben parsen
19Wiederverwendbare Bibliotheken und Monorepos
Bibliothek in Monorepo ausprobieren
