AngularJS Referentie Handboek

AngularJS Directieven

Instructie Description
ng-app Definieer het root-element van de applicatie.
ng-bind Bind de inhoud van de HTML-element aan de applicatiedata.
ng-bind-html Bind de innerHTML van de HTML-element aan de applicatiedata en verwijder gevaarlijke code van de HTML-string.
ng-bind-template Specificeer dat de tekstinhoud moet worden vervangen door het sjabloon.
ng-blur Specificeer het gedrag van het wazige evenement.
ng-change Specificeer de expressie die moet worden berekend wanneer de gebruiker de inhoud wijzigt.
ng-checked Specificeer of een element geselecteerd is.
ng-class Specificeer de CSS-klasse op de HTML-element.
ng-class-even Gelijk aan ng-class, maar alleen van toepassing op even rijen.
ng-class-odd Gelijk aan ng-class, maar alleen van toepassing op oneven rijen.
ng-click Specificeer de expressie die moet worden berekend wanneer een element wordt geklikt.
ng-cloak Voorkom dat er een flits optreedt bij het laden van de applicatie.
ng-controller Definieer het controllerobject van de applicatie.
ng-copy Specificeer het gedrag op het kopiëren van het evenement.
ng-csp 更改内容安全策略。
ng-cut Wijzig de inhoudsveiligheidsstrategie.
ng-cut Specificeer het gedrag op het cut-evenement.
ng-dblclick Specificeer het gedrag op het dubbelklikevenement.
ng-disabled Specificeer of het element is uitgeschakeld.
ng-focus Specificeer het gedrag op het focus-evenement.
ng-form Specificeer het HTML-formulier waarvan de controle moet worden geërfd.
ng-hide Verberg of toon het HTML-element.
ng-href Specificeer de url van het <a>-element.
ng-if Verwijder het HTML-element als de voorwaarde false is.
ng-include Inclusief HTML in de toepassing.
ng-init Definieer de initiële waarde van de toepassing.
ng-jq Specificeer dat de toepassing een bibliotheek zoals jQuery moet gebruiken.
ng-keypress Specificeer het gedrag op het keypress-evenement.
ng-keyup Specificeer het gedrag op het keyup-evenement.
ng-list Converteer tekst naar een lijst (array).
ng-maxlength Specificeer het maximumaantal toegestane tekens in het invoerveld.
ng-minlength Specificeer het minimumaantal toegestane tekens in het invoerveld.
ng-model Bind de waarde van de HTML-klep aan de toepassinggegevens.
ng-model-options Specificeer hoe de update in het model moet worden voltooid.
ng-mousedown Specificeer het gedrag op het mousedown-evenement.
ng-mouseenter Specificeer het gedrag op het mouseenter-evenement.
ng-mouseleave Specificeer het gedrag op het mouseleave-evenement.
ng-mousemove Specificeer het gedrag op het mousemove-evenement.
ng-mouseover Specificeer het gedrag op het mouseover-evenement.
ng-mouseup Specificeer het gedrag op het mouseup-evenement.
ng-non-bindable Specificeer dat er geen data-binding kan plaatsvinden in dit element of zijn onderliggende elementen.
ng-open Specificeer het open-eigenschap van het element.
ng-options Specificeer de <options> in de <select>-lijst.
ng-paste Specificeer het gedrag op het paste-evenement.
ng-pluralize Specificeer de berichten die worden weergegeven volgens de localisatie-regels van en-us.
ng-readonly Specificeer het readonly-eigenschap van het element.
ng-repeat Definieer een sjabloon voor elk item in de verzameling.
ng-required Specificeer de required-eigenschap van een element.
ng-selected Specificeer de selected-eigenschap van een element.
ng-show Toon of verberg een HTML-element.
ng-src Specificeer de src-eigenschap van een <img>-element.
ng-srcset Specificeer de srcset-eigenschap van een <img>-element.
ng-style Specificeer de style-eigenschap van een element.
ng-submit Specificeer de expressie die op het onsubmit-evenement wordt uitgevoerd.
ng-switch Specificeer de voorwaarde die wordt gebruikt om sub-elementen weer te geven/te verbergen.
ng-transclude Specificeer het punt waar een ingesloten element wordt ingevoegd.
ng-value Specificeer de waarde van een input-element.

AngularJS-instructies op HTML-elementen

AngularJS heeft het standaardgedrag van enkele HTML-elementen gewijzigd.

Element Description
a AngularJS heeft het standaardgedrag van het <a>-element gewijzigd.
form AngularJS heeft het standaardgedrag van het <form>-element gewijzigd.
input AngularJS heeft het standaardgedrag van het <input>-element gewijzigd.
script AngularJS heeft het standaardgedrag van het <script>-element gewijzigd.
select AngularJS heeft het standaardgedrag van het <select>-element gewijzigd.
textarea AngularJS heeft het standaardgedrag van het <textarea>-element gewijzigd.

AngularJS Filters

Filters Description
currency Formateer een getal naar een valuta-formaat.
date Formateer een datum naar een specifieke opmaak.
filter Selecteer een subset van items uit een array.
json Formateer een object naar een JSON-string.
limitTo Beperk een array of string tot een specifieke hoeveelheid elementen/tekens.
lowercase Kan een string formatteren naar kleine letters.
number Kan een getal formatteren naar een string.
orderBy Sorteer een array met behulp van een expressie.
uppercase Kan een string formatteren naar hoofdletters.

See also:

Tutorial:Angular Filters.

AngularJS Validatie-eigenschappen

  • $dirty
  • $invalid
  • $error

See also:

Tutorial:Angular Validatie.

AngularJS Global API

Conversie

API Description
angular.lowercase() Kan een string omzetten naar kleine letters.
angular.uppercase() Kan een string omzetten naar hoofdletters.
angular.copy() Create a deep copy of an object or array.
angular.forEach() Execute a function for each element in an object or array.

Comparison

API Description
angular.isArray() Returns true if the reference is an array.
angular.isDate() Returns true if the reference is a date.
angular.isDefined() Returns true if the reference is defined.
angular.isElement() Returns true if the reference is a DOM element.
angular.isFunction() Returns true if the reference is a function.
angular.isNumber() Returns true if the reference is a number.
angular.isObject() Returns true if the reference is an object.
angular.isString() Returns true if the reference is a string.
angular.isUndefined() Returns true if the reference is undefined.
angular.equals() Returns true if two references are equal.

JSON

API Description
angular.fromJson() Receive JSON string and return JavaScript object.
angular.toJson() Receive JavaScript object and return JSON string.

Basic

API Description
angular.bootstrap() Manually start AngularJS.
angular.element() Wrap HTML elements as jQuery elements.
angular.module() Create, register, or retrieve AngularJS modules.

See also:

Tutorial:Angular API.