Manuale di Referenza AngularJS

Direttive AngularJS

Direttiva Descrizione
ng-app Definire l'elemento radice dell'applicazione.
ng-bind Legare il contenuto dell'elemento HTML ai dati dell'applicazione.
ng-bind-html Legare l'innerHTML dell'elemento HTML ai dati dell'applicazione e rimuovere il codice pericoloso dalla stringa HTML.
ng-bind-template Specificare il contenuto di testo da sostituire con il template.
ng-blur Specificare il comportamento dell'evento sfocatura.
ng-change Specificare l'espressione da calcolare quando il contenuto viene modificato dall'utente.
ng-checked Specificare se l'elemento è selezionato.
ng-class Specificare la classe CSS sull'elemento HTML.
ng-class-even Uguale a ng-class, ma efficace solo per le righe pari.
ng-class-odd Uguale a ng-class, ma efficace solo per le righe dispari.
ng-click Specificare l'espressione da calcolare quando l'elemento viene cliccato.
ng-cloak Prevenire il bagliore durante il caricamento dell'applicazione.
ng-controller Definire l'oggetto del controller dell'applicazione.
ng-copy Specificare il comportamento sugli eventi di copia.
ng-csp Modificare la politica di sicurezza dei contenuti.
ng-cut Specificare il comportamento sull'evento di taglio.
ng-dblclick Specificare il comportamento sull'evento di doppio clic.
ng-disabled Specificare se l'elemento è disabilitato.
ng-focus Specificare il comportamento sull'evento di focus.
ng-form Specificare il form HTML dal quale devono ereditare i controlli.
ng-hide Nascondere o visualizzare l'elemento HTML.
ng-href Specificare l'url dell'elemento <a>.
ng-if Eliminare l'elemento HTML se la condizione è false.
ng-include Includere HTML nell'applicazione.
ng-init Definire il valore iniziale dell'applicazione.
ng-jq Specificare che l'applicazione deve utilizzare la libreria, ad esempio jQuery.
ng-keydown Specificare il comportamento sull'evento keydown.
ng-keypress Specificare il comportamento sull'evento keypress.
ng-keyup Specificare il comportamento sull'evento keyup.
ng-list Convertire il testo in una lista (array).
ng-maxlength Specificare il numero massimo di caratteri consentiti nel campo di input.
ng-minlength Specificare il numero minimo di caratteri consentiti nel campo di input.
ng-model Legare il valore del controllo HTML al dati dell'applicazione.
ng-model-options Specificare come completare l'aggiornamento del modello.
ng-mousedown Specificare il comportamento sull'evento mousedown.
ng-mouseenter Specificare il comportamento sull'evento mouseenter.
ng-mouseleave Specificare il comportamento sull'evento mouseleave.
ng-mousemove Specificare il comportamento sull'evento mousemove.
ng-mouseover Specificare il comportamento sull'evento mouseover.
ng-mouseup Specificare il comportamento sull'evento mouseup.
ng-non-bindable Specificare che non possono avvenire binding di dati su questo elemento o sui suoi figli.
ng-open Specificare l'attributo open dell'elemento.
ng-options Specificare gli <options> nella lista <select>.
ng-paste Specificare il comportamento sull'evento paste.
ng-pluralize Specificare il messaggio da visualizzare secondo le regole di localizzazione en-us.
ng-readonly Specificare l'attributo readonly dell'elemento.
ng-repeat Definire un modello per ogni dato nella raccolta.
ng-required Specificare l'attributo required dell'elemento.
ng-selected Specificare l'attributo selected dell'elemento.
ng-show Visualizza o nascondi l'elemento HTML.
ng-src Specificare l'attributo src dell'elemento <img>.
ng-srcset Specificare l'attributo srcset dell'elemento <img>.
ng-style Specificare l'attributo style dell'elemento.
ng-submit Specificare l'espressione che verrà eseguita sull'evento onsubmit.
ng-switch Specificare la condizione che verrà utilizzata per visualizzare/nascondere i sottoelementi.
ng-transclude Specificare il punto di inserimento dell'elemento incorporato.
ng-value Specificare il valore dell'elemento input.

I comandi AngularJS sugli elementi HTML

AngularJS ha modificato il comportamento predefinito di alcuni elementi HTML.

Elemento Descrizione
a AngularJS ha modificato il comportamento predefinito dell'elemento <a>.
form AngularJS ha modificato il comportamento predefinito dell'elemento <form>.
input AngularJS ha modificato il comportamento predefinito dell'elemento <input>.
script AngularJS ha modificato il comportamento predefinito dell'elemento <script>.
select AngularJS ha modificato il comportamento predefinito dell'elemento <select>.
textarea AngularJS ha modificato il comportamento predefinito dell'elemento <textarea>.

Filtraggio AngularJS

Filtro Descrizione
currency Formatta un numero in un formato monetario.
date Formatta una data in un formato specifico.
filter Seleziona una sottoinsieme di elementi da un array.
json Formatta un oggetto in una stringa JSON.
limitTo Limita un array o una stringa a un numero specifico di elementi/characteri.
lowercase Formatta una stringa in minuscolo.
number Formatta un numero in una stringa.
orderBy Ordina un array tramite un'espressione.
uppercase Formatta una stringa in maiuscolo.

Vedi anche:

Tutorial:Filtro Angular.

Proprietà di verifica AngularJS

  • $dirty
  • $invalid
  • $error

Vedi anche:

Tutorial:Verifica Angular.

API globale AngularJS

Converti

API Descrizione
angular.lowercase() Converti una stringa in minuscolo.
angular.uppercase() Converti una stringa in maiuscolo.
angular.copy() Creare una copia profonda di un oggetto o array.
angular.forEach() Esegui la funzione per ogni elemento di un oggetto o array.

Confronto

API Descrizione
angular.isArray() Restituisce true se il riferimento è un array.
angular.isDate() Restituisce true se il riferimento è una data.
angular.isDefined() Restituisce true se il riferimento è definito.
angular.isElement() Restituisce true se il riferimento è un elemento DOM.
angular.isFunction() Restituisce true se il riferimento è una funzione.
angular.isNumber() Restituisce true se il riferimento è un numero.
angular.isObject() Restituisce true se il riferimento è un oggetto.
angular.isString() Restituisce true se il riferimento è una stringa.
angular.isUndefined() Restituisce true se il riferimento non è definito.
angular.equals() Restituisce true se due riferimenti sono uguali.

JSON

API Descrizione
angular.fromJson() Ricevere una stringa JSON e restituire un oggetto JavaScript.
angular.toJson() Ricevere un oggetto JavaScript e restituire una stringa JSON.

Base

API Descrizione
angular.bootstrap() Avviare manualmente AngularJS.
angular.element() Imballare gli elementi HTML come elementi jQuery.
angular.module() Creare, registrare o recuperare moduli AngularJS.

Vedi anche:

Tutorial:API Angular.