AngularJS is een van de populairste JavaScript-frameworks om webapplicaties te maken. De apps die u met AngularJS maakt draaien volledig in de browser. Maar Angular kent een tamelijk steile leercurve. In dit deel van de Web Development Library leert u hoe u AngularJS inzet om dynamische webapplicaties te schrijven. U maakt kennis met data bindings, modules, controllers en andere belangrijke Angular-concepten. Aan het einde leert u bovendien hoe u AngularJS desgewenst laat samenwerken met bestaande jQuery-plug-ins door eigen custom directives te schrijven. Tot de behandelde onderwerpen behoren:
Kennismaken met AngularJS
Modules en controllers schrijven
Routing in uw applicatie
Gegevensvoorziening met Factories en Services
Live gegevens ophalen en communiceren met API’s met $http
Uitgebreide standaarddirectives gebruiken
Custom directives schrijven
Meer informatie en downloads vindt u op www.webdevelopmentlibrary.nl.
Peter Kassenaar is auteur van vele boeken over algemeen pc-gebruik programmeertalen en internettechnieken. Hij is gespecialiseerd in frontend-tools -frameworks en -toepassingen. Op dit moment werkt Peter als Senior Frontend Developer en consultant in...
Functies schrijven in de controller en de directive ng-click
Module en controller in aparte bestanden
Andere syntaxis om controllers te definiëren
De controllerAs-syntaxis
Conclusie
Praktijkoefeningen
4
Routing in Angular-apps
Kennismaken met routing
Routing installeren
Werken met $routeProvider
Werken met routeparameters
Case: master/detailview met persoonsgegevens
Conclusie
Praktijkoefeningen
5
Gegevensvoorziening met factories en services
Waarom services en factories?
Een factory maken
Detailgegevens ophalen via de factory
Gegevens toevoegen via de factory
Een service maken
Meer datacomponenten: value en constant
Conclusie
Praktijkoefeningen
6
Live data ophalen met $http
Wat doet $http?
Json-bestand laden van server
Fouten afvangen
Live API’s op internet gebruiken
Ajax-chaining met .then()
Case: filmgegevens ophalen via OMDb API
Case: gerelateerde films ophalen
Verder gaan met $http, promises en $q
Meer API’s om mee te experimenteren
Conclusie
Praktijkoefeningen
7
Meer standaarddirectives
Directives voor DOM-manipulatie
Directives voor event handling
Directives voor formulieren
Overige directives
Conclusie
Praktijkoefeningen
8
Custom directives schrijven
Beginnen met custom directives
Het Directive Definition Object (DDO)
Isolated scope creëren in een directive
Onafhankelijke module maken van de directive
DOM-manipulatie directives
Case: een jQuery-plug-in in een AngularJS-directive gebruiken
Kant-en-klare custom directives vinden en gebruiken
Verdergaan met AngularJS
Conclusie
Praktijkoefeningen
Meer lezen? Op onze zustersite blog.computercreatief.nl publiceren wij en onze auteurs regelmatig interviews en artikelen met
nuttige tips, trucs en andere lezenswaardigheden.
Bij Web Development Library: AngularJS hebben wij de volgende aanvullende artikelen gevonden:
Results of blog query (this text will be replaced...)
