AngularJS ng-show 指令

http://www.runoob.com/angularjs/angularjs-directives.html

AngularJS 实例

< div ng-app = " " ng-init = " person={firstName:'John',lastName:'Doe'} " > < p > 姓为 {{ person.lastName }} </ p > </ div >

尝试一下 »

使用 ng-bind 的相同实例：

AngularJS 实例

< div ng-app = " " ng-init = " person={firstName:'John',lastName:'Doe'} " > < p > 姓为 < span ng-bind = " person.lastName " > </ span > </ p > </ div >

尝试一下 »

 

---

AngularJS 数组

AngularJS 数组就像 JavaScript 数组：

AngularJS 实例

< div ng-app = " " ng-init = " points=[1,15,19,2,40] " > < p > 第三个值为 {{ points[2] }} </ p > </ div >

尝试一下 »

使用 ng-bind 的相同实例：

AngularJS 实例

< div ng-app = " " ng-init = " points=[1,15,19,2,40] " > < p > 第三个值为 < span ng-bind = " points[2] " > </ span > </ p > </ div >

尝试一下 »

---

AngularJS 表达式 与 JavaScript 表达式

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

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

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

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