AngularJS杂记2----表达式

AngularJS表达式

一、AngularJS与JavaScript的表达式的异同：

类似于 JavaScript 表达式，AngularJS 表达式可以包含字母，操作符，变量。

与 JavaScript 表达式不同，AngularJS 表达式可以写在 HTML 中。

与 JavaScript 表达式不同，AngularJS 表达式不支持条件判断，循环及异常。

与 JavaScript 表达式不同，AngularJS 表达式支持过滤器。

二、AnjularJS 表达式

AngularJS 表达式写在双大括号内：{{ expression }}。

AngularJS 表达式把数据绑定到 HTML，这与 ng-bind 指令有异曲同工之妙。

AngularJS 将在表达式书写的位置"输出"数据。

（ng-init数据初始化）

数字：

<divng-app=""ng-init="x=1;y=5">

<p>总价： {{ x * y}}</p>

<p>总价：<spanng-bind="x * y"></span></p> ————> 与上面功效相同，下面例子类似

</div>

字符串:

<divng-app=""ng-init="Name='关羽';sex='男'">

<p>姓名： {{ Name + " " + sex }}</p>

<p>姓名： <span ng-bind = "Name + '是' +sex +'的'"></span></p>

</div>

对象：

<divng-app=""ng-init="hero={Name:'关羽',sex:'男'}">

<p>英雄的名字： {{ hero.Name}}</p>

<p>英雄的名字：<span ng-bind = "hero.Name"></span></p>

</div>

数组：

<div ng-bind = "" ng-init = "sz = {1,3,4,6,38}">

<p>数组下标为2的值： {{sz[2]}} </p>

<p>数组下标为2的值： <span ng-bind = "sz[2]"></span>

</div>