Angular

1. Kennismaken met Angular 1
Wat is Angular? 2
Versies van AngularJS en Angular 7
Angular-concepten 11
Architectuur van Angular-applicaties 18
Applicatie als boomstructuur van componenten 21
Benodigde voorkennis 23
De ontwikkelomgeving inrichten 26
Oefenbestanden downloaden 31
Samenvatting 32
Praktijkoefeningen 33

2. Hello World in Angular 35
Mogelijkheden voor Angular-projecten 36
Angular CLI installeren 36
Nieuw project starten en draaien 37
Project openen en aanpassen 40
Theorie – de bestandsstructuur verkennen 42
Belangrijke bestanden 44
Overige bestanden 48
Een nieuwe component genereren 49
Theorie - meer over componenten 52
Theorie – Modules bekijken 54
De CSS-bibliotheek Bootstrap toevoegen 61
Architectuur van Angular-applicaties 64
Samenvatting 66
Praktijkoefeningen 68

3. Databinding en modellen 71
Wat is databinding? 72
Eenvoudige databinding met {{ … }} 74
Databinding in de constructor 79
Databinding in ngOnInit() 80
De directive *ngFor 82
Stap 1 – een model maken 86
De directive *ngIf 90
Werken met inline en externe sjablonen 92
Samenvatting 94
Praktijkoefeningen 95

4. Meer over databinding 97
Gegevens binden aan gebeurtenissen 98
Parameters meegeven aan de gebeurtenisverwerker 102
Werken met lokale sjabloonvariabelen 104
Gegevens binden aan HTML-attributen 108
Tweerichtingdatabinding met [(ngModel)] 113
Meer opties voor binding 117
Samenvatting 118
Praktijkoefeningen 119

5. Werken met services 121
Wat zijn services? 122
Stap 1 – service met statische data 125
Stap 2 – service gebruiken in de component 128
Stap 3 – dependency injection in app.module.ts 130
Services als singleton? 131
Stad toevoegen via de service 132
Samenvatting 135
Praktijkoefeningen 136

6. Asynchrone services 137
Wat zijn asynchrone services? 138
Theorie – meer over reactive programming 140
Theorie – de werking van ReactiveX 143
Praktijk – gegevens uit bestand lezen en verwerken 148
Meer RxJs-methoden 151
Verbetering – gegevens via de service 154
Automatisch abonnement met de pipe async 156
API’s op internet gebruiken 158
Een API maken met json-server 163
Meer API’s om mee te experimenteren 175
Samenvatting 177
Praktijkoefeningen 178

7. Boomstructuur van componenten 181
Structuur van Angular-applicaties 182
Nieuwe componenten maken 184
Datastroom tussen componenten 189
Werken met @Input 190
Werken met @Output 193
Samenvatting @Input en @Output 199
Communicatie tussen componenten op gelijk niveau 199
Samenvatting 212
Praktijkoefeningen 213

8. Routing en bronnen voor meer informatie 215
Kennismaken met routing 216
Standaard geen routing in Angular CLI 219
Stappenplan bij routing 220
Programmatisch een andere route selecteren 226
Dynamische routes met routeparameters 227
Meer over routing 230
Meer over Angular 232
Samenvatting 239
Praktijkoefeningen 240

Index 243