阿里云网站的前端是AngularJS实现的。
先下载AngularJS的开发工具包,我下载的angular-1.4.0。
在合适位置引入js文件:
1. AngularJS 入门指令:
ng-app 指令告诉 AngularJS,<div> 元素是 AngularJS 应用程序 的"所有者"。
ng-model 指令把输入域的值绑定到应用程序变量 name。
ng-bind 指令把应用程序变量 name 绑定到某个段落的 innerHTML。
ng-init 指令初始化 AngularJS 应用程序变量。
案例如下:
在输入框中尝试输入:
姓名:
2. AngularJS 表达式:
AngularJS 表达式写在双大括号内:{ { expression }}。
AngularJS 表达式把数据绑定到 HTML,这与 ng-bind 指令有异曲同工之妙。
AngularJS 将在表达式书写的位置"输出"数据。
AngularJS 表达式 很像 JavaScript 表达式:它们可以包含文字、运算符和变量。
案例入下:
总价是:{
{quantity*cost}}
使用 ng-bind进行相同的实现:
总价是:
3. AngularJS 字符串
AngularJS 字符串就像 JavaScript 字符串:
姓名: {
{ firstName + " " + lastName }}
使用 ng-bind进行相同的实现:
姓名:
4.AngularJS 对象
AngularJS 对象就像 JavaScript 对象:
姓为 {
{ person.lastName }}
使用 ng-bind进行相同的实现:
姓为
5.AngularJS 数组
AngularJS 数组就像 JavaScript 数组:
第三个值为 {
{ points[2] }}
使用 ng-bind进行相同的实现:
第三个值为