К содержанию

Tutorial voor het Angular-framework

Tutorial voor het JavaScript-framework Angular. Voor beginners. Veel theorie en taken.

Basis

Introductie tot het Angular Framework

Inleiding tot de componentbenadering in Angular

Installatie van het Angular-framework

Aanmaken van een Angular Project

Angular Projectstructuur

Structuur van de werkmap van een Angular project

Lay-outbestand in Angular

Project algemene stijlen bestand in Angular

Structuur van een Angular-component

Bestand met de opmaak van een Angular-component

Angular Component Stylesheet

Bestand met de componentklasse in Angular

Template

Interpolatie in Angular

Eigenschappen van de componentklasse in de Angular-template

Eigenschappen van de componentklasse in Angular-attributen

Array-eigenschappen in Angular template

Objecteigenschappen in de template in Angular

Methoden van de componentklasse in de Angular-template

Sjabloonvariabelen in Angular

Waarden binden aan DOM element eigenschappen in Angular

Voorwaarden

if-directive in Angular

Vergelijkingsoperatoren in de if richtlijn in Angular

if-constructie in Angular

Vergelijkingsoperatoren in if-constructie in Angular

Else constructie in Angular

Else-if constructie in Angular

Switch en case constructies in Angular

De ng-template tag in Angular

Syntactische suiker in Angular voorwaarden

Lussen

De for-directive in Angular

For-constructie in Angular

Iteratie-indexen van loops in Angular

Eerste iteratie van de lus in Angular

De laatste iteratie van de lus in Angular

Even iteratie van de lus in Angular

Oneven iteratie van de lus in Angular

Gebeurtenissen

Gebeurtenisafhandelaars binden in Angular template

Parameters van event handlers in Angular-sjabloon

Het Event Object in Event Handler in Angular Template

Event Object en parameters in Angular template

Reactiveiteit in Angular

Reactieve loops in Angular

Reactiviteit van voorwaarden in Angular

Tweerichtingsgegevensbinding in Angular

Styling

Angular Component Stijlen

CSS-klassen binding in Angular

Massale binding van CSS klassen in Angular

CSS-stijlen binden in Angular

CSS-stijlen aan een tag binden in Angular

Dynamisch wijzigen van stijlen in Angular

Pipes

Pipes in Angular

Vertalen naar hoofdletters via een pipe in Angular

Vertalen naar kleine letters via een pipe in Angular

String afkappen via pipe in Angular

Datumformattering met pipes in Angular

Getallen formatteren met pipes in Angular

Valuta formatteren met behulp van een pipe in Angular

Kanaalketens in Angular

Lijst van pipes in Angular

Componenten

Child Components in Angular

Gegevens doorgeven aan een child component in Angular

Eigenschappen doorgeven aan een child component in Angular

Meervoudige aanroep van component in Angular

Component aanroepen in een lus in Angular

Tekst doorgeven aan een child component in Angular

Gegevens doorgeven aan de setter van een child component in Angular

Gegevens doorgeven aan de bovenliggende component in Angular

Tweerichtingsgebeurtenisbinding in Angular

Het wijzigen van de tag van een child component in Angular

Levenscyclus van componenten

Levenscyclus van een component in Angular

ngOnInit Hook in Angular

ngOnDestroy Hook in Angular

Meerdere hooks in Angular

Services

Inleiding tot Angular Services

Het maken van een service in Angular

Gebruik van een service in Angular

Injectie van de ene service in de andere in Angular

Routering

Routeren in Angular

Een nieuw project aanmaken voor routing in Angular

Het maken van componenten voor routing in Angular

Configuratie van basis routing in Angular

Tag voor routing in Angular

Links voor routing in Angular

Styling van actieve links in Angular

Exacte overeenkomst van URLs in Angular

Routeparameters in Angular

Waarden van routeparameters in component in Angular

Gebruik van routeparameters in een component in Angular

Routeparameters in links in Angular

Het probleem met het schakelen van links in Angular

Programmatische navigatie in Angular

Alle URL's vastleggen in routing in Angular

Volgorde van routes in Angular

Omleiding in routing in Angular

Childroutes in Angular