Angular 2.2

4.1 ... ElementRef und Renderer: Manipulation von DOM-Eigenschaften eines Elements ... 150 4.2 ... HostBinding und HostListener: Auslesen und Verändern von Host-Eigenschaften und -Events ... 154 4.3 ... Anwendungsfall: Einbinden von Drittanbieter-Bibliotheken ... 157 4.4 ... Anwendungsfall: Accordion-Direktive -- mehrere Kind-Komponenten steuern ... 161 4.5 ... exportAs: Zugriff auf die Schnittstelle einer Direktive ... 164 4.6 ... Zusammenfassung und Ausblick ... 166 5. Fortgeschrittene Komponentenkonzepte ... 169 5.1 ... Styling von Angular-Komponenten ... 169 5.2 ... TemplateRef und NgTemplateOutlet: dynamisches Austauschen von Komponenten-Templates ... 178 5.3 ... ViewContainerRef und ComponentFactory: Komponenten zur Laufzeit hinzufügen ... 186 5.4 ... ChangeDetection-Strategien: Performance-Boost für Ihre Applikation ... 196 5.5 ... Zusammenfassung und Ausblick ... 210 6. Standarddirektiven und Pipes: wissen, was das Framework an Bord hat ... 213 6.1 ... Standarddirektiven ... 214 6.2 ... Pipes: Werte vor dem Rendern transformieren ... 226 6.3 ... Zusammenfassung und Ausblick ... 247 7. Services und Dependency-Injection: lose Kopplung für Ihre Business-Logik ... 249 7.1 ... Grundlagen der Dependency-Injection ... 250 7.2 ... Services in Angular-Applikationen ... 252 7.3 ... Das Angular-Dependency-Injection-Framework ... 253 7.4 ... Verwendung des DI-Frameworks in Angular-Applikationen ... 261 7.5 ... Injection by Type: Vereinfachungen für TypeScript-Nutzer ... 269 7.6 ... Sichtbarkeit und Lookup von Dependencys ... 272 7.7 ... Zusammenfassung und Ausblick ... 279 8. Template-Driven Forms: einfache Formulare auf Basis von HTML ... 281 8.1 ... Grundlagen zu Formularen: template-driven oder reaktiv? ... 283 8.2 ... Das erste Formular: Übersicht über die Forms-API ... 283 8.3 ... NgModel im Detail: Two-Way-Data-Binding oder nicht? ... 289 8.4 ... Kurzexkurs: Verwendung von Interfaces für die Definition des Applikationsmodells ... 294 8.5 ... Weitere Eingabeelemente ... 296 8.6 ... Verschachtelte Eigenschaften definieren ... 303 8.7 ... Validierungen ... 304 8.8 ... Implementierung der Tags-Liste: wiederholbare Strukturen mit Template-Driven Forms ... 321 8.9 ... Zusammenfassung und Ausblick ... 324 9. Model-Driven Forms: Formulare dynamisch in der Applikationslogik definieren ... 327 9.1 ... Aktivierung von Model-Driven Forms für Ihre Applikation ... 328 9.2 ... Das Task-Formular im modellgetriebenen Ansatz ... 328 9.3 ... Formulare und Kontrollelemente auf Änderungen überwachen ... 349 9.4 ... Fallbeispiel: Umfragebogen -- Formulare komplett dynamisch definieren ... 350 9.5 ... Die Forms-API im Überblick ... 357 9.6 ... Zusammenfassung und Ausblick ... 36010. Routing: Navigation innerhalb der Anwendung ... 363 10.1 ... Project-Manager: die Beispielanwendung ... 364 10.2 ... Die erste Routenkonfiguration: das Routing-Framework einrichten ... 365 10.3 ... Location-Strategien: »schöne URLs« vs. »Routing ohne Server-Konfiguration« ... 370 10.4 ... ChildRoutes: verschachtelte Routenkonfigurationen erstellen ... 373 10.5 ... RouterLinkActive: Styling des aktiven Links ... 379 10.6 ... Routing-Parameter: dynamische Adresszeilenparameter auswerten ... 381 10.7 ... Aus der Anwendungslogik heraus navigieren ... 392 10.8 ... Routing-Guards: Routen absichern und die Navigation generisch beeinflussen ... 394 10.9 ... Redirects und Wildcard-URLs ... 400 10.10 ... Data: statische Metadaten an Routen hinterlegen ... 402 10.11 ... Resolve: dynamische Daten über den Router injizieren ... 403 10.12 ... Der Title-Service: den Seitentitel verändern ... 406 10.13 ... Router-Tree und Router-Events: generisch auf Seitenwechsel reagieren ... 408 10.14 ... Location: direkte Interaktion mit der Adresszeile des Browers ... 411 10.15 ... Mehrere RouterOutlets: maximale Flexibilität beim Routing ... 413 10.16 ... Zusammenfassung und Ausblick ... 41911. HTTP: Anbindung von Angular-Applikationen an einen Webserver ... 421 11.1 ... Die Server-Applikation ... 422 11.2 ... Das Angular-HTTP-Modul verwenden ... 426 11.3 ... Der erste GET-Request: Grundlagen zur HTTP-API ... 427 11.4 ... Asynchrone Service-Schnittstellen modellieren: Anpassung des TaskService ... 431 11.5 ... Die AsyncPipe: noch eleganter mit asynchronen Daten arbeiten ... 434 11.6 ... URLSearchParams: elegant dynamische Suchen definieren ... 435 11.7 ... POST, PUT, DELETE, PATCH und HEAD: Verwendung der weiteren HTTP-Methoden ... 438 11.8 ... JSONP ... 447 11.9 ... Die Http-API im Detail: Überblick über die wichtigsten Klassen des Frameworks ... 451 11.10 ... Zusammenfassung und Ausblick ... 45412. Reaktive Architekturen mit RxJS ... 457 12.1 ... Kurzeinführung in RxJS ... 458 12.2 ... Implementierung einer Typeahead-Suche ... 465 12.3 ... Reaktive Datenarchitekturen in Angular-Applikationen ... 474 12.4 ... Anbindung von WebSockets zur Implementierung einer Echtzeitanwendung ... 491 12.5 ... ChangeDetectionStrategy.OnPush: Performance-Schub durch die reaktive Architektur ... 496 12.6 ... Zusammenfassung und Ausblick ... 49713. Komponenten- und Unit-Tests: das Angular-Testing-Framework ... 501 13.1 ... Karma und Jasmine: Grundlagen zu Unit- und Komponententests in Angular-Anwendungen ... 502 13.2 ... Der erste Unit-Test: einfache Klassen und Funktionen testen ... 506 13.3 ... Isolierte Komponenten testen: Grundlagen zu Komponententests mit dem Angular-Testing-Framework ... 511 13.4 ... Mocks und Spies: Komponenten mit Abhängigkeiten testen ... 516 13.5 ... Services und HTTP-Backends testen ... 524 13.6 ... Formulare testen ... 529 13.7 ... Direktiven und ngContent-Komponenten testen ... 536 13.8 ... async und fakeAsync: mehr Kontrolle über asynchrone Tests ... 539 13.9 ... Routing-Funktionalität testen ... 541 13.10 ... Zusammenfassung und Ausblick ... 54514. Integrationstests mit Protractor ... 547 14.1 ... Start der Tests und Konfiguration von Protractor ... 548 14.2 ... Anpassung der Applikationskonfiguration über Environments ... 550 14.3 ... Das browser-Objekt und Locators: Übersicht über die Kernbestandteile von Protractor ... 552 14.4 ... Page-Objects: Trennung von Testlogik und technischen Details ... 558 14.5 ... Formulare und Alert-Boxen testen: der Edit-Task-Test ... 561 14.6 ... Seitenübergreifende Workflows testen ... 564 14.7 ... Debugging von Protractor-Tests ... 568 14.8 ... Screenshots anfertigen ... 570 14.9 ... Zusammenfassung ... 57315. NgModule und Lazy-Loading: Modularisierung Ihrer Anwendungen ... 575 15.1 ... Feature-Modules: Teilbereiche der Applikation kapseln ... 576 15.2 ... Shared-Modules: gemeinsam genutzte Funktionalität kapseln ... 584 15.3 ... Lazy-Loading von Applikationsbestandteilen ... 591 15.4 ... entryComponents: dynamisch geladene Komponenten registrieren ... 594 15.5 ... Zusammenfassung und Ausblick ... 59516. Der Angular-Template-Compiler, Ahead-of-time Compilation und Tree-Shaking ... 597 16.1 ... Grundlagen zum Angular-Template-Compiler ... 598 16.2 ... Der Ahead-of-time Compilation-Modus: Leistungsschub für Ihre Anwendung ... 600 16.3 ... Tree-Shaking der Anwendung mit Rollup ... 602 16.4 ... Implementierungsregeln beim Einsatz von AOT ... 605 16.5 ... Zusammenfassung und Ausblick ... 60817. ECMAScript 5: Angular-Anwendungen auf klassische Weise entwickeln ... 611 17.1 ... Hello ES5 ... 612 17.2 ... Kalender und Timepicker in ES5 ... 616 17.3 ... Zusammenfassung ... 62618. Internationalisierung: mehrsprachige Angular-Anwendungen implementieren ... 627 18.1 ... Die Grundlagen des i18n-Frameworks ... 628 18.2 ... ng-xi18n: automatische Generierung der Message-Datei ... 632 18.3 ... Description und Meaning: Metadaten für Übersetzer übergeben ... 636 18.4 ... Weitere Übersetzungstechniken ... 637 18.5 ... Pluralisierung und geschlechterspezifische Texte ... 639 18.6 ... Statisch übersetzte Applikationen im AOT-Modus generieren ... 646 18.7 ... Zusammenfassung und Ausblick ... 64919. Das Animations-Framework: Angular-Anwendungen animieren ... 651 19.1 ... Die erste Animation: Grundlagen zum Animation-Framework ... 652 19.2 ... void und *: spezielle States zum Hinzufügen und Entfernen von DOM-Elementen ... 656 19.3 ... Animationen in Verbindung mit automatisch berechneten Eigenschaften ... 659 19.4 ... Animation-Lifecycles: auf den Start und das Ende von Animationen reagieren ... 661 19.5 ... Animation von Routing-Vorgängen ... 662 19.6 ... Keyframes: Definition von komplexen, mehrstufigen Animationen ... 665 19.7 ... Styling von Komponenten, die in Animationen verwendet werden ... 667 19.8 ... Groups und Sequences: mehrere Animationen kombinieren ... 668 19.9 ... Zusammenfassung ... 671 19.10 ... Schlusswort ... 672 A. ECMAScript 2015 ... 675 B. Typsicheres JavaScript mit TypeScript ... 727 Index ... 775