AngularJS学习之路(二)AngularJS的表达式
来源:互联网 发布:央视直播软件下载apk 编辑:程序博客网 时间:2024/05/23 00:44
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>AngularJS表达式</title> <script src="../../js/angular.min.js" type="text/javascript" charset="utf-8"></script></head><body> <!-- ng-init 表示初始化的数据 可以使对象、方法、字符串、数组 --> <div ng-app="" ng-init="num1=1;num2=2;name='Blue';sex='男';person={p1:'人1',p2:'人2'};points=['1','2','3']"> <!-- 运算 --> <p>乘法:{{num1*num2}}</p> <p>加法:{{num1+num2}}</p> <p>减法:{{num1-num2}}</p> <p>除法:{{num1/num2}}</p> <!-- 字符串相加 --> <p>字符串相加:{{name + " " + sex}}</p> <!-- 对象 --> <p>对象:{{person.p1 + " ----- " + person.p2}}</p> <!-- 数组 --> <p>数组:{{points[1]}}</p> </div></body></html>
现在逐渐体会到AngularJS的好处了,对数据操作十分的爽O(∩_∩)O哈哈~
0 0
- AngularJS学习之路(二)AngularJS的表达式
- Angular学习(二)之AngularJS 表达式
- angularJS学习之路(五)---表达式
- angularJS学习之路(二)---模块
- AngularJs学习之路(二)
- AngularJS学习(二)
- AngularJS学习(二)
- angularJS学习之路(二十二)---模块加载---config
- angularJS学习之路(二十八)---拦截服务
- AngularJS学习之路(一)AngularJS简单操作
- angularJS学习之路(二十)---自定义指令---transclude的作用
- angularJS学习之路(二十三)---创建服务的五大方法---factory
- angularJS学习之路(二十四)---创建服务的五大方法---service
- angularJS学习之路(二十五)---创建服务的五大方法---provider
- angularJS学习之路(二十六)---创建服务的五大方法---constant
- angularJS学习之路(二十七)---创建服务的五大方法---value
- angularJS学习笔记(二)
- AngularJS学习笔记(二)
- GestureDetector手势初识
- 数据库处理用户上下级关系
- LB 负载均衡的层次结构
- 2015年蓝桥杯B组C/C++:九数组分数
- 最小生成树——(性质)其最大边权为生成树中最大边权最小的——(例题)承包池塘的青蛙
- AngularJS学习之路(二)AngularJS的表达式
- Hibernate4学习总结(2)--配置形式的集合映射,关联关系映射
- 安卓开发之手机相机(Camera)应用
- 深入理解Java虚拟机——认知Java
- <玩转电商系统>读书笔记
- 英语总结系列(十五):别样的三月
- 初识PHP之一个注释埋下的坑!
- CSS学习(二十二)-flexbox模型之三
- VC++ 绘制简单电子元件