Angularjs01

单页面应用的概念

Angularjs 简介

1. jQuery是一个js库，提供了许多原生js操作的封装。

2. jQuery最大的一个功能：帮我们简化了DOOM操作，还处理了一些浏览器之间的兼容问题www.ProcessOn.com

• 定义一个我们自己的模块

  • 第一个参数：模块名
  • 第二个参数：所依赖的其他的模块的名字的数组

• app.run是Angularjs的“入口函数”，我们的Angularjs 框架加载完成之后，就会执行这里的函数，其中有一点需要注意：$rootScope 是ANgularjs 提供的“数据对象”，
  我们操作这个数据对象，就可以把变化同步到DOM上。参数名是写死的不要变（Angularjs的回调函数的传参，很多地方是“只认名字。不认顺序的”）

Angularjs的指令

• ng-model绑定的是没有innerText的标签的value值。适用于有输入的标签（textarea 或者 select）

  • <input type="text" ng-model="msg">

• ng-bind 把数据和标签体做绑定（innerText） 适用于有标签体的标签。

插值语法

• 用于属性或者标签体

• 就是把数据和自身联系到一起

• <span>{{ msg }}</span>

样式类

• ng-repeat

• ng-class

• ng-style

• ng-show 可视性

• ng-hide 可视性

流程控制

• ng-if 存在性

• ng-switch 要与ng-switch-when一块使用

  • ng-switch-default 所有的不匹配。

• 为什么Angularjs的库，可以写在head里面呢？

  • 因为我们写的HTML代码，并不是给用户看的，而是给Angularjs看的这个html代码中有着大量的，浏览器无法解析的Angularjs的指令。

• 豆瓣V2 一些接口

$http协议

• app.service()
  • 第一个参数：服务的名字
  • 第二个参数：服务的构造器
  • 使用：在依赖注入时，输入服务的名字，就能拿到“服务对象”。服务对象就是用我们给的构造器创建出来的。