AngularJS lezione 2: espressioni

Le espressioni associano dati all’HTML come la direttiva ng-bind. Come Javascript anche le espressioni in AngularJS accettano tipi di codice come: lettere, operatori e variabili.
Sono scritte entro le parentesi graffe: {{ espressione }}. I dati saranno mostrati esattamente dove l’espressione viene scritta. E’ necessario inserire la direttiva ng-app altrimenti l’espressione non darà il risultato ma sarà mostrata con il codice.

<div>
 	<p>Esempio di espressione: {{ 5 + 5 }}</p>
</div>

Risultato:

Esempio di espressione: 10

<div ng-app="" ng-init="quantita=1;costo=5">

<p>Costo totale: {{ quantita * costo }}</p>

</div>

Risultato:

Costo totale: 5

<div ng-app="" ng-init="nome='Franco';cognome='Rossi'">

<p>The name is {{ firstName + " " + lastName }}</p>

</div>

Risultato:

Il nome è Franco Rossi


AngularJS con gli oggetti

<div ng-app="" ng-init="person={nome:'Franco',cognome:'Rossi'}">

<p>Il nome è {{ person.lastName }}</p>
<p>Il nome è <span ng-bind="person.lastName"></span></p>

</div>

Risultato:

Il nome è Franco Rossi
Il nome è Franco Rossi


AngularJS con gli Array

<div ng-app="" ng-init="points=[1,15,19,2,40]">

<p>Il numero è {{ points[2] }}</p>
<p>Il numero è <span ng-bind="points[2]"></span></p>
</div>

Risultato:

Il numero è 15
Il numero è 15
Questa voce è stata pubblicata in AngularJS. Contrassegna il permalink.

Lascia una risposta

L'indirizzo email non verrà pubblicato. I campi obbligatori sono contrassegnati *

È possibile utilizzare questi tag ed attributi XHTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>