Desarrollo de

Aplicaciones Web con

AngularJS - Expresiones
Christian Portilla Pauca

Contenidos
Expresiones AngularJS
Nmeros
Cadenas
Objetos
Arreglos
Expresiones en AngularJS vs Javascript

Expresiones de AngularJS

Las expresiones de AngularJS enlazan datos a HTML en la misma

forma que la directiva ng-bind.

AngularJS mostrara en la salida datos exactamente donde la
expresin es escrita.

Notacin de uso de las expresiones

Las expresiones son escritas dentro de dobles comillas.

{{expresion}}.
Las expresiones de AngularJS son mas que expresiones
simples de Javascript: Estas pueden contener literales,
operadores y variables.

Notacin de uso de las expresiones

<div ng-app="">
<p>

Una expresion:
{{ 78 + 5 }}
</p>
</div>

Nmeros en AngularJS

AngularJS nmeros son como nmeros en

javascript
Nota.- Usar ng-init no es muy comn. Se
aprender una mejor forma de inicializar
los datos en posteriores sesiones.

Nmeros en AngularJS

<div ng-app="" ng-

init="quantity=1;cost=5">
<p>Total in dollar: {{ quantity * cost }}</p>
</div>

Nmeros en AngularJS

<div ng-app="" ng-init="quantity=1;cost=5">

<p>Total en soles: <span ng-bind="quantity *
cost"></span></p>
</div>

Cadenas en AngularJS

Cadenas de AngularJS son como

cadenas de Javascript

Cadenas en AngularJS

<div ng-app="" ng-

init="nombres='Saul';apellidos='Martinez'">
<p>El nombre es
{{ nombres + " " + apellidos}}
</p>
</div>

Cadenas en AngularJS
<div ng-app="" ng-

init="nombres='Albert';apellidos='Santos'">
<p>Su nombre es:
<span ng-bind="nombres + ' ' + apellidos">
</span>
</p>
</div>

Objectos en AngularJS

Los objetos de AngularJS son como

los objetos en Javascript

Objectos en AngularJS
<div ng-app="" ng-

init="persona={nombres:'John',apellidos:'Ramirez'}">
<p>El nombre es
{{ persona.apellidos}}
</p>
</div>

Arreglos de AngularJS

Los arreglos de AngularJS son como

los arreglos de Javascript

Arreglos de AngularJS

<div ng-app="" ng-

init="points=[1,15,19,2,40]">
<p>El tercero es: {{ points[2] }}</p>
</div>

Expresiones en AngularJS vs
Expresiones de Javascript

Como las expresiones de Javascript, las

expresiones de AngularJS pueden contener

literales, operadores y variables.
Del mismo modo de las expresiones de
Javascript, las expresiones de AngularJS puede
ser escritas dentro del contexto del HTML.

 Expresiones en AngularJS vs
Expresiones de Javascript

Las expresiones AngularJS no soportan

condicionales, ciclos y excepciones, mientras las

expresiones Javascript funcionan igual.
Las expresiones AngularJS soportan filtros,
mientras las expresiones de Javascript no lo hacen.

Fin
Javascriptx.wordpress.com
https://www.facebook.com/groups/sencha.extjs.peru/
Mencin :
https://github.com/victorantos
Mencion:
http://angjobs.com/#!/home