Esempio AngularJS

prova tu stesso

Puoi modificare l'esempio online e poi fare clic sul pulsante per vedere i risultati.

Esempio AngularJS

<div ng-app="">
<p>Nome: <input type="text" ng-model="name"></p>
<p>Hai scritto: {{ name }}</p>
</div>

prova tu stesso

fondamenti di AngularJS

• la mia prima direttiva AngularJS
• la mia prima direttiva AngularJS (che segue lo standard HTML5)
• la mia prima espressione AngularJS
• un'espressione AngularJS semplice, usando variabili
• il mio primo controller AngularJS

introduzione di base a AngularJS

Espressioni AngularJS

• un'espressione semplice
• espressioni senza ng-app
• espressioni che contengono un numero
• usare ng-bind per legare un numero
• espressioni che contengono una stringa
• usare ng-bind per legare una stringa
• espressioni che contengono un oggetto
• usare ng-bind per legare un oggetto
• espressioni che contengono un array
• usare ng-bind per legare un array

introduzione agli espressioni

Moduli AngularJS

• Controller AngularJS
• moduli e controller nel file
• quando caricare AngularJS

introduzione al modulo

Direttive AngularJS

• Direttive AngularJS
• direttiva ng-model
• direttiva ng-repeat (usata per array)
• direttiva ng-repeat (usata per oggetti)
• Creare una nuova direttiva
• Usare una nuova direttiva come elemento
• Usare una nuova direttiva come attributo
• Usare una nuova direttiva come classe
• Usare una nuova direttiva come commento
• Direttiva con limiti

Introduzione alle direttive

Modelli AngularJS

• Modelli AngularJS
• Modello con binding bidirezionale
• Modello con validazione
• Modulo e stato di validazione corrente
• Impostazione della classe CSS quando il campo è invalido

Introduzione ai modelli

Controller AngularJS

• Controller AngularJS
• Proprietà del controller
• Funzione del controller
• Controller nel file JavaScript I
• Controller nel file JavaScript II

Introduzione ai controller

Scope AngularJS

• Scope AngularJS
• Gli scope sono sincronizzati
• Diversi scope
• Scope radice

Introduzione allo scope

Filtro AngularJS

• Filtro di espressione uppercase
• Filtro di espressione lowercase
• Filtro di espressione currency
• Filtro di direttiva orderBy
• Filtro di input

Introduzione ai filtri

XMLHttpRequest AngularJS

• Lettura di file JSON statici

Introduzione a XMLHttpRequest