AngularJS referens manual

AngularJS instruktioner

instruktion Description
ng-app definierar rotelementet för applikationen.
ng-bind binder innehållet i HTML-elementet till applikationsdata.
ng-bind-html binder innerHTML till applikationsdata och tar bort farliga koder från HTML-strängen.
ng-bind-template specificerar att textinnehållet ska ersättas med mallen.
ng-blur specificerar beteende för suddig händelse.
ng-change specificerar uttryck som ska beräknas när användaren ändrar innehåll.
ng-checked specificerar om ett element är markerat eller inte.
ng-class specificerar CSS-klasser på HTML-element.
ng-class-even likaså som ng-class, men endast för jämna rader.
ng-class-odd likaså som ng-class, men endast för ojämna rader.
ng-click specificerar uttryck som ska beräknas när en elementklickas.
ng-cloak förebygger blinkning vid laddning av applikationen.
ng-controller definierar kontrollobjektet för applikationen.
ng-copy specificerar beteende vid kopia av händelser.
ng-csp Ändra innehållssäkerhetspolicyn.
ng-cut Specificera beteendet vid cut-händelsen.
ng-dblclick Specificera beteendet vid dubbelklick-händelsen.
ng-disabled Specificera om elementet är inaktiverat.
ng-focus Specificera beteendet vid fokus-händelsen.
ng-form Specificera HTML-formuläret som kontrollen ska ärva från.
ng-hide Dölj eller visa HTML-elementet.
ng-href Specificera URL:en för <a>-elementet.
ng-if Ta bort HTML-elementet om villkoret är false.
ng-include Inkludera HTML i applikationen.
ng-init Definiera applikationens initiala värde.
ng-jq Specificera att applikationen måste använda bibliotek, till exempel jQuery.
ng-keydown Specificera beteendet vid keydown-händelsen.
ng-keypress Specificera beteendet vid keypress-händelsen.
ng-keyup Specificera beteendet vid keyup-händelsen.
ng-list Konvertera text till en lista (array).
ng-maxlength Specificera det största antalet tecken som tillåts i inmatningsfältet.
ng-minlength Specificera det minsta antalet tecken som tillåts i inmatningsfältet.
ng-model Binda värdet på HTML-kontrollen till applikationens data.
ng-model-options Specificera hur uppdateringar i modellen ska genomföras.
ng-mousedown Specificera beteendet vid mousedown-händelsen.
ng-mouseenter Specificera beteendet vid mouseenter-händelsen.
ng-mouseleave Specificera beteendet vid mouseleave-händelsen.
ng-mousemove Specificera beteendet vid mousemove-händelsen.
ng-mouseover Specificera beteendet vid mouseover-händelsen.
ng-mouseup Specificera beteendet vid mouseup-händelsen.
ng-non-bindable Specificera att ingen databindning får ske i detta element eller dess underliggande element.
ng-open Specificera elementets open egenskap.
ng-options Specificera <options> i <select>-listan.
ng-paste Specificera beteendet vid paste-händelsen.
ng-pluralize Specificera meddelanden som visas enligt lokaliseringsregeln en-us.
ng-readonly Specificera elementets readonly egenskap.
ng-repeat Definiera ett mall för varje data i samlingen.
ng-required Specificera elementets required-egenskap
ng-selected Specificera elementets selected-egenskap
ng-show Visa eller dölj HTML-element
ng-src Specificera src-egenskapen för <img>-elementet
ng-srcset Specificera srcset-egenskapen för <img>-elementet
ng-style Specificera elementets style-egenskap
ng-submit Specificera uttrycket som körs vid onsubmit-händelsen
ng-switch Specificera villkoret för att visa eller dölja underliggande element
ng-transclude Specificera punkten där inmatade element läggs in
ng-value Specificera värdet för input-elementet

AngularJS-instruktioner på HTML-element

AngularJS har ändrat standardbeteendet för några HTML-element

Element Description
a AngularJS har ändrat standardbeteendet för <a>-elementet
form AngularJS har ändrat standardbeteendet för <form>-elementet
input AngularJS har ändrat standardbeteendet för <input>-elementet
script AngularJS har ändrat standardbeteendet för <script>-elementet
select AngularJS har ändrat standardbeteendet för <select>-elementet
textarea AngularJS har ändrat standardbeteendet för <textarea>-elementet

AngularJS filter

Filter Description
currency Formatera nummer till valutaformat
date Formatera datum till ett specifikt format
filter Välj en delmängd av objekt från array
json Formatera objekt till JSON-sträng
limitTo Begränsa array eller sträng till ett specifikt antal element/tecken
lowercase Formatera sträng till gemener
number Formatera nummer till sträng
orderBy Sortera array genom uttryck
uppercase Formatera sträng till versal

See also:

Tutorial:Angular filter.

AngularJS valideringsattribut

  • $dirty
  • $invalid
  • $error

See also:

Tutorial:Angular validering.

AngularJS global API

Konvertera

API Description
angular.lowercase() Konvertera sträng till gemener
angular.uppercase() Konvertera sträng till versal
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 a JSON string and return a JavaScript object.
angular.toJson() Receive a JavaScript object and return a 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.