Angular基础（下）

$http

$http 服务是核心服务，用于与服务器通信，通过浏览器的 XMLHttpRequest 对象或通过 jsonp
要使用 $http 服务需要在 controller 中注入 $http 模块
$http 使用 promise 规范

1、$http method
设置请求的方式:get , post , jsonp , head , put , delete , patch

2、$http headers
设置请求头信息

var req = { 
       method: 'GET',
       url: '/ajax/api/path',
       headers: { 'Content-Type': 'pplication/json' }
}
$http(req).then(function(response){ //请求成功时}, function(error){ //请求失败时});

3、$http.get

$http.get("url").then(function(response){
       //请求成功时
    }, function(error){ 
      //请求失败时
});

4、$http.post

$http.post("url").then(function(response){
       //请求成功时
    }, function(error){ 
      //请求失败时
});

5、$http.jsonp

$http.jsonp("url").then(function(response){
       //请求成功时
    }, function(error){ 
      //请求失败时
});

Angular路由

Angular路由用于集成外部文件，是三方插件提供的服务，并不属于Angular自身的服务
路由效果类似于选项卡，tab切换，不同的是路由可回退到上一次浏览的页面
路由一般有两种写法：ng-route（pc） 、ui-route（移动端）

1、载入实现路由的js文件 angular-route.js
（该js版本需低于引用的angular.min.js）

2、包含了ngRoute模块作为主应用模块的依赖模块

    var app = angular.module( 'myapp' , ['ngRoute'] );

3、使用ngview指令，不用赋值

4、配置$routeProvider，用来定义路由规则

    
        
        
        
        
    
    
        
{{ title }}
        

            首页
            子页
            详情页
            购物车
        
        

    
    

Paste_Image.png