AngularJS Referenzhandbuch

AngularJS-Direktiven

In diesem Tutorial verwendete AngularJS-Direktiven:

Direktive Beschreibung
ng-app Definiert das Stammelement einer Anwendung.
ng-bind Bindet HTML-Elemente an Anwendungsdaten
ng-bind-html Bindet das innerHTML eines HTML-Elements an Anwendungsdaten und entfernt gefährliche Zeichen aus der HTML-Zeichenkette.
ng-bind-template Gibt den Textinhalt an, der durch ein Template ersetzt werden soll.
ng-blur Gibt das Verhalten beim Blur-Ereignis an.
ng-change Gibt den Ausdruck an, der ausgeführt wird, wenn sich der Inhalt ändert.
ng-checked Gibt an, ob ein Element ausgewählt ist.
ng-class Gibt die CSS-Klasse an, die von einem HTML-Element verwendet wird.
ng-class-even Ähnlich wie ng-class, funktioniert aber nur bei geraden Zeilen.
ng-class-odd Ähnlich wie ng-class, funktioniert aber nur bei ungeraden Zeilen.
ng-click Definiert das Verhalten, wenn auf ein Element geklickt wird.
ng-cloak Verhindert Flackern, während die Anwendung geladen wird.
ng-controller Definiert das Controller-Objekt für die Anwendung.
ng-copy Gibt das Verhalten beim Copy-Ereignis an.
ng-csp Ändert die Content Security Policy.
ng-cut Gibt das Verhalten beim Cut-Ereignis an.
ng-dblclick Gibt das Verhalten beim Doppelklick-Ereignis an.
ng-disabled Gibt an, ob ein Element deaktiviert ist.
ng-focus Gibt das Verhalten beim Fokus-Ereignis an.
ng-form Gibt an, dass ein HTML-Formular das Controller-Formular erbt.
ng-hide Blendet HTML-Elemente aus oder ein.
ng-href Gibt einen Link für das <a>-Element an.
ng-if Entfernt ein HTML-Element, wenn die Bedingung falsch ist.
ng-include Bindet eine HTML-Datei in die Anwendung ein.
ng-init Definiert die Anfangswerte einer Anwendung.
ng-jq Definiert die Bibliotheken, die die Anwendung verwenden muss, wie z. B. jQuery.
ng-keydown Gibt das Verhalten an, wenn eine Taste gedrückt wird.
ng-keypress Gibt das Verhalten an, wenn eine Taste gedrückt wird.
ng-keyup Gibt das Verhalten an, wenn eine Taste losgelassen wird.
ng-list Konvertiert Text in eine Liste (Array).
ng-model Verknüpft den Wert von HTML-Steuerelementen mit Anwendungsdaten.
ng-model-options Gibt an, wie das Modell aktualisiert werden soll.
ng-mousedown Gibt das Verhalten an, wenn eine Maustaste gedrückt wird.
ng-mouseenter Gibt das Verhalten an, wenn der Mauszeiger in ein Element eintritt.
ng-mouseleave Gibt das Verhalten an, wenn der Mauszeiger ein Element verlässt.
ng-mousemove Gibt das Verhalten an, wenn sich der Mauszeiger innerhalb des angegebenen Elements bewegt.
ng-mouseover Gibt das Verhalten an, wenn sich der Mauszeiger über einem Element befindet.
ng-mouseup Gibt das Verhalten an, wenn die Maustaste über einem Element losgelassen wird.
ng-non-bindable Gibt an, dass das Element oder dessen Kindelemente nicht an Daten gebunden werden können.
ng-open Gibt das open-Attribut eines Elements an.
ng-options Gibt <options> in einer <select>-Liste an.
ng-paste Gibt das Verhalten beim Einfügeereignis an.
ng-pluralize Zeigt Informationen gemäß Lokalisierungsregeln an.
ng-readonly Gibt das readonly-Attribut eines Elements an.
ng-repeat Definiert eine Vorlage für jedes Element in einer Sammlung.
ng-selected Gibt das selected-Attribut eines Elements an.
ng-show Zeigt HTML-Elemente an oder verbirgt sie.
ng-src Gibt das src-Attribut eines <img>-Elements an.
ng-srcset Gibt das srcset-Attribut eines <img>-Elements an.
ng-style Gibt das style-Attribut eines Elements an.
ng-submit Gibt den auszuführenden Ausdruck an, wenn das onsubmit-Ereignis auftritt.
ng-switch Gibt die Bedingung zum Anzeigen oder Verbergen von Kindelementen an.
ng-transclude Gibt die Zielposition zum Befüllen an.
ng-value Gibt den Wert eines Eingabeelements an.

Filter ParsingAngularJS Filters。

AngularJS-Ereignisse

AngularJS unterstützt die folgenden Ereignisse:

  • ng-click
  • ng-dbl-click
  • ng-mousedown
  • ng-mouseenter
  • ng-mouseleave
  • ng-mousemove
  • ng-keydown
  • ng-keyup
  • ng-keypress
  • ng-change

Event Parsing:Angular Events。

AngularJS Validation Attributes

  • $dirty
  • $invalid
  • $error

Validation Parsing:Angular Validation。

Globale AngularJS-API

Conversion

API Beschreibung
angular.lowercase() Konvertiert einen String in Kleinbuchstaben
angular.uppercase() Konvertiert einen String in Großbuchstaben
angular.copy() Erstellt eine Deep Copy eines Arrays oder Objekts
angular.forEach() Iterationsfunktion für Objekte oder Arrays

Comparison

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 eine Zahl ist
angular.isObject() Gibt true zurück, wenn die Referenz ein Objekt ist
angular.isString() Gibt true zurück, wenn die Referenz eine Zeichenkette ist
angular.isUndefined() Gibt true zurück, wenn die Referenz undefined ist
angular.equals() Gibt true zurück, wenn zwei Objekte gleich sind

JSON

API Beschreibung
angular.fromJson() Deserialisiert eine JSON-Zeichenkette
angular.toJson() Serialisiert eine JSON-Zeichenkette

Grundlagen

API Beschreibung
angular.bootstrap() AngularJS manuell starten
angular.element() Umschließt einen Teil eines DOM-Elements oder eine HTML-Zeichenkette und behandelt das Ergebnis als jQuery-Element.
angular.module() Erstellt, registriert oder ruft ein AngularJS-Modul ab

Globale API-Referenz:Angular API。

Weitere Erweiterungen