AngularJS-Referenzhandbuch

AngularJS- Anweisungen

Anweisung Beschreibung
ng-app Definieren Sie das Wurzelelement der Anwendung.
ng-bind Binden Sie den Inhalt des HTML-Elements an die Anwendungsdaten.
ng-bind-html Binden Sie den inneren HTML-Text des HTML-Elements an die Anwendungsdaten und entfernen Sie gefährliche Codes aus der HTML-Zeichenkette.
ng-bind-template Ersetzen Sie den Textinhalt durch das Template.
ng-blur Bestimmen Sie das Verhalten bei der Verwischungsevents.
ng-change Bestimmen Sie die auszuführenden Ausdrücke, wenn der Benutzer den Inhalt ändert.
ng-checked Bestimmen Sie, ob ein Element ausgewählt ist.
ng-class Bestimmen Sie die CSS-Klasse für HTML-Elemente.
ng-class-even Wie ng-class, aber nur für gerade Zeilen.
ng-class-odd Wie ng-class, aber nur für ungerade Zeilen.
ng-click Bestimmen Sie die auszuführende Ausdrücke, wenn ein Element geklickt wird.
ng-cloak Verhindern Sie, dass es beim Laden der Anwendung blinkt.
ng-controller Definieren Sie das Kontrollobjekt der Anwendung.
ng-copy Bestimmen Sie das Verhalten bei der Vervielfältigungsevents.
ng-csp Ändern Sie die Inhaltssicherheitsrichtlinie.
ng-cut Bestimmen Sie das Verhalten bei dem cut-Ereignis.
ng-dblclick Bestimmen Sie das Verhalten bei dem doubleclick-Ereignis.
ng-disabled Bestimmen Sie, ob das Element deaktiviert ist.
ng-focus Bestimmen Sie das Verhalten bei dem Focus-Ereignis.
ng-form Bestimmen Sie das HTML-Formular, aus dem der Kontrolllement geerbt wird.
ng-hide Verbergen oder zeigen Sie HTML-Elemente an.
ng-href Bestimmen Sie die URL des <a>-Elements.
ng-if Entfernen Sie HTML-Elemente, wenn die Bedingung falsch ist.
ng-include Schließen Sie HTML in der Anwendung ein.
ng-init Definieren Sie den Startwert der Anwendung.
ng-jq Bestimmen Sie, dass die Anwendung eine Bibliothek wie jQuery verwenden muss.
ng-keydown Bestimmen Sie das Verhalten bei dem keydown-Ereignis.
ng-keypress Bestimmen Sie das Verhalten bei dem keypress-Ereignis.
ng-keyup Bestimmen Sie das Verhalten bei dem keyup-Ereignis.
ng-list Konvertieren Sie Text in eine Liste (Array).
ng-maxlength Bestimmen Sie die maximale Anzahl der erlaubten Zeichen im Eingabefeld.
ng-minlength Bestimmen Sie die minimale Anzahl der erlaubten Zeichen im Eingabefeld.
ng-model Binden Sie den Wert des HTML-Kontrolllements an die Anwendungsdaten.
ng-model-options Bestimmen Sie, wie Aktualisierungen im Modell abgeschlossen werden.
ng-mousedown Bestimmen Sie das Verhalten bei dem mousedown-Ereignis.
ng-mouseenter Bestimmen Sie das Verhalten bei dem mouseenter-Ereignis.
ng-mouseleave Bestimmen Sie das Verhalten bei dem mouseleave-Ereignis.
ng-mousemove Bestimmen Sie das Verhalten bei dem mousemove-Ereignis.
ng-mouseover Bestimmen Sie das Verhalten bei dem mouseover-Ereignis.
ng-mouseup Bestimmen Sie das Verhalten bei dem mouseup-Ereignis.
ng-non-bindable Spezifizieren Sie, dass keine Datenbindung in diesem Element oder seinen Unterlementen erfolgen kann.
ng-open Spezifizieren Sie das open-Attribut des Elements.
ng-options Spezifizieren Sie die <options> in der <select>-Liste.
ng-paste Bestimmen Sie das Verhalten bei dem paste-Ereignis.
ng-pluralize Spezifizieren Sie die anzuzeigende Nachricht gemäß den Lokalisierungsvorschriften en-us.
ng-readonly Spezifizieren Sie das readonly-Attribut des Elements.
ng-repeat Definieren Sie für jedes Datenobjekt im Set ein Muster.
ng-required Bestimmen Sie das required-Attribut des Elements.
ng-selected Bestimmen Sie das selected-Attribut des Elements.
ng-show Zeigen oder verbergen Sie ein HTML-Element.
ng-src Bestimmen Sie das src-Attribut des <img>-Elements.
ng-srcset Bestimmen Sie das srcset-Attribut des <img>-Elements.
ng-style Bestimmen Sie das style-Attribut des Elements.
ng-submit Bestimmen Sie den Ausdruck, der bei einem onsubmit-Ereignis ausgeführt wird.
ng-switch Bestimmen Sie die Bedingung, unter der die Unterlemente angezeigt/ausgeblendet werden.
ng-transclude Bestimmen Sie den Punkt, an dem ein eingebettetes Element eingefügt wird.
ng-value Bestimmen Sie den Wert des input-Elements.

AngularJS-Anweisungen auf HTML-Elementen

AngularJS hat das Standardverhalten einiger HTML-Elemente geändert.

Element Beschreibung
a AngularJS hat das Standardverhalten des <a>-Elements geändert.
form AngularJS hat das Standardverhalten des <form>-Elements geändert.
input AngularJS hat das Standardverhalten des <input>-Elements geändert.
script AngularJS hat das Standardverhalten des <script>-Elements geändert.
select AngularJS hat das Standardverhalten des <select>-Elements geändert.
textarea AngularJS hat das Standardverhalten des <textarea>-Elements geändert.

AngularJS-Filter

Filter Beschreibung
currency Formatieren Sie eine Zahl in ein Währungsformat.
date Formatieren Sie ein Datum in einem bestimmten Format.
filter Wählen Sie eine Teilmenge von Projekten aus einem Array aus.
json Formatieren Sie ein Objekt in eine JSON-Zeichenkette.
limitTo Beschränken Sie ein Array oder einen String auf eine bestimmte Anzahl von Elementen/Zeichen.
lowercase Formatieren Sie einen String in Kleinbuchstaben.
number Formatieren Sie eine Zahl in einen String.
orderBy Sortieren Sie ein Array über ein Ausdruck.
uppercase Formatieren Sie einen String in Großbuchstaben.

Weitere Informationen:

Tutorials:Angular Filter.

AngularJS Validierungsattribute

  • $dirty
  • $invalid
  • $error

Weitere Informationen:

Tutorials:Angular Validierung.

AngularJS globale API

Konvertieren

API Beschreibung
angular.lowercase() Konvertieren Sie einen String in Kleinbuchstaben.
angular.uppercase() Konvertieren Sie einen String in Großbuchstaben.
angular.copy() Erstellt eine tiefe Kopie von Objekten oder Arrays.
angular.forEach() Führt eine Funktion für jedes Element in einem Objekt oder Array aus.

Vergleich

API Beschreibung
angular.isArray() Gibt true zurück, wenn die Referenz ein Array ist.
angular.isDate() Gibt true zurück, wenn die Referenz ein Datum ist.
angular.isDefined() Gibt true zurück, wenn die Referenz definiert ist.
angular.isElement() Gibt true zurück, wenn die Referenz ein DOM-Element ist.
angular.isFunction() Gibt true zurück, wenn die Referenz eine Funktion ist.
angular.isNumber() Gibt true zurück, wenn die Referenz ein Number ist.
angular.isObject() Gibt true zurück, wenn die Referenz ein Objekt ist.
angular.isString() Gibt true zurück, wenn die Referenz ein String ist.
angular.isUndefined() Gibt true zurück, wenn die Referenz nicht definiert ist.
angular.equals() Gibt true zurück, wenn zwei Referenzen gleich sind.

JSON

API Beschreibung
angular.fromJson() Empfängt JSON-Strings und gibt JavaScript-Objekte zurück.
angular.toJson() Empfängt JavaScript-Objekte und gibt JSON-Strings zurück.

Grundlagen

API Beschreibung
angular.bootstrap() Manuelles Starten von AngularJS.
angular.element() Verpackt HTML-Elemente in jQuery-Elemente.
angular.module() Erstellen, registrieren oder abrufen von AngularJS-Modulen.

Weitere Informationen:

Tutorials:Angular API.