第九讲 Angularjs 常用服务 $http $location $cacheFactory $log $res服务

免费教程下载地址：http://bbs.phonegap100.com/thread-2047-1-1.html

学习要点：
1. Angularjs中的 $http服务
2. Angularjs中的 $location $anchorScroll服务
3. Angularjs中的 $cacheFactory服务
4. Angularjs中的 $timeout  $interval 服务
5. $sce服务 浏览器简析html标签

1．Angularjs中的 $http服务

$http  get实例

$http.get(url,{params:{id:'5'}}) .success(function(response) {
           $scope.names = response;
           }).error(function(data){
   
           //错误代码
   
           });

$http  post实例：

var postData={text:'这是post的内容'};
        var config={params:{id:'5'}}
        $http.post(url,postData,config) .success(function(response) {
            $scope.names = response;
        }).error(function(data){
            //错误代码

        });
$http  Jsonp实例：

 myUrl = "http://www.phonegap100.com/appapi.php?a=getPortalList&catid=20&page=1&callback=JSON_CALLBACK";
 $http.jsonp(myUrl).success(
  function(data){
      
   $scope.portalcate = data.result;
  }
 ).error(function(){
  alert('shibai');
  
 });
 

2. Angularjs中的 $location $anchorScroll服务

$location服务解析地址栏中的URL（基于window.location），让你在应用代码中能获取到。改变地址栏中的URL会反应$location服务中，反之亦然。

$location服务:

1. 暴露当前地址栏的URL，这样你就能
 获取并监听URL。
 改变URL。
2.当出现以下情况时同步URL
 改变地址栏
 点击了后退按钮（或者点击了历史链接）
 点击了一个链接
3.一系列方法来获取URL对象的具体内容用（protocol, host, port, path, search, hash）.formatDate

$location不会做

当浏览器的URL改变时，不会重新加载整个页面。如果想要重新加载整个页面，需要使用$window.location.href。

内置方法：

absUrl( )：只读；根据在RFC 3986中指定的规则，返回url，带有所有的片段。

hash( )：读、写；当带有参数时，返回哈希碎片；当在带有参数的情况下，改变哈希碎片时，返回$location。

host( )：只读；返回url中的主机路径。

path( )：读、写；当没有任何参数时，返回当前url的路径；当带有参数时，改变路径，并返回$location。（返回的路径永远会带有/）

port( )：只读；返回当前路径的端口号。

protocol( )：只读；返回当前url的协议。

replace( )：如果被调用，就会用改变后的URL直接替换浏览器中的历史记录，而不是在历史记录中新建一条信息，这样可以阻止『后退』。

search( )：读、写；当不带参数调用的时候，以对象形式返回当前url的搜索部分。

url( )：读、写；当不带参数时，返回url；当带有参数时，返回$location。

3. Angularjs中的 $cacheFactory 服务
 

4. Angularjs中的 $timeout  $interval

$timeout(function(){
                  $scope.name = '123';
},1100);

$ inteval(function(){
                  $scope.name = '123';
},1100);

$timeout.cancel(promise)

5.  Angularjs中的 $sce服务