AngularJS杂记2----表达式
来源:互联网 发布:淘宝运营黑科技 编辑:程序博客网 时间:2024/05/16 03:29
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>
阅读全文
1 0
- AngularJS杂记2----表达式
- AngularJS 学习笔记(2) AngularJS 表达式
- AngularJS杂记11----angularJS动画实例详解
- angularjs表达式
- AngularJS表达式
- Angularjs 表达式
- AngularJS 表达式
- AngularJS表达式
- AngularJS 表达式
- AngularJS 表达式
- AngularJS 表达式
- AngularJS 表达式
- AngularJS 表达式
- AngularJS 表达式
- AngularJS 表达式
- angularjs表达式
- AngularJS杂记3----创建指令
- C++ Primer_表达式杂记
- 获取网卡名称 linux c
- 3ds max 显示物品大纲,方便修改名称
- 12 WebGL 着色器编程语言GLSL ES的全局变量和局部变量
- CentOS 7.2 安装和配置 FTP 服务器
- 图片的上传和预览(上传到oracle数据库)
- AngularJS杂记2----表达式
- 元类型之Q_DECLARE_METATYPE
- Spark RDD API详解(一) Map和Reduce
- redis外网连接
- Eclipse中查看/调试Jar包中的代码
- java 中equals()和hashCode()方法详解
- Linux网络协议栈 — IPv4分片重组
- js实现倒计时
- 玲珑学院1129