angular.js (四)

## 流行框架第4天

### todomvc 切换不同状态任务的显示与否

### $location监视页面锚点的变化
- $location.url()方法可以获取到页面的锚点值,但是不包含#号
- 是通过$watch动态的监视$location.url()方法的返回值,再做相应的处理.
- 要把$location赋值给$scope的一个属性($scope.loaction=$location)

### 自定义服务
- 通过模块对象的service方法创建,参数类似与controller的参数
- service中的function是当作一个构造函数来使用的,
- 直接在控制器的注入service的名字,它就是这个构造函数的实例对象

### 抽象服务


### 回顾todomvc案例


## 路由

### 路由介绍


### 路由初步使用(ngRoute)
` npm instal angular-route`
- 通过模块的config方法来创建路由规则
- 有一个参数:类似于controller的第二个参数
- 有一个需要注入的参数:$routeProvider
+ 这个参数是用来设置具体的规则的
+ $routeProvier.when()
- when第一个参数是当前url中锚点的值
- when第二个参数是object对象:template属性
- 最终angular会把template对应的模板字符串插入到页面拥有ng-view指令的标签的innerHTML位置.
- controller属性,指向一个控制器,最终控制器的暴露的数据能够在template指定的字符串的使用。

### 路由参数
- 类似于过滤器中使用参数的形式
- when('/students/:name'),最终在控制器中可以通过$routeParams拿到这个参数,
+ $routeParams就是一个拥有name属性的对象.
+ 可以在参数后加个问号表示当前参数是可选。
——- when('/students/:name?')

- otherwise
- 用于匹配前面所有when方法没有匹配到规则。
+指定了一个对象作为参数,这个对象有个属性:redirectTo:'/students/'

### 路由更新 $route
- 用于更新路由参数,$route.updateParams({})
+ 这个参数里的object对象是要求拥有 一个路由参数名作为属性
- 如果要改变整个锚点值,需要使用$location.url('/haha/')


### webApi介绍--
- url
I/O

聚合数据

### API
- application programming interface

console.log(name)
I/O 有输入有输出的方法

document.getElementById('idname')

### 豆瓣api介绍
http://api.douban.com/v2/movie/in_theaters

### 项目模板文件结构介绍

### 项目功能模块划分

### 完成首页模块

### 其他模块基本结构搭建

### 假数据绑定

- ng-src:为了解决浏览器一开始就会解析img的src属性的问题:
- ng-href

### $http
- 这里的回调函数是通过调用一个then方法来传递回调函数的.
<!-- (function(){
function(){
function(){
af
}
}
}) -->

原文地址:https://www.cnblogs.com/zhxdj/p/6482876.html