Angularjs 服务

概念：

      1.有自己创建服务和内建服务（30多个）

      2.它是一个函数或对象

      3.为什么是使用服务？     

         在很多服务中，原本的DOM对象在angerlerjs中有限制，由于angerlerjs对象会一直监控和变化；所以用angerjs服务比DOM对象更好。

 

 

 1>.内建服务案例

      1.$location 服务

 function ($scope, $location) {
            $scope.CurURL = $location.absUrl();//angerlarjs内建服务的$location
        }

在这里是通过CurURL变量传到页面当中的

 

      2.$http服务,相当于AJAX

        var app = angular.module("Myapp", []).controller("MyController",
            //function ($scope, $location) {
            //$scope.CurURL = $location.absUrl();
            //}
            function ($scope, $http) {
                //  console.log($scope.testname);
                $http.get("/demo/Service/TestHander.ashx?id=" + 3).then(function (response) {
                    $scope.results = angular.fromJson(response.data);
                });
            }
        );

$http 服务向服务器请求信息

       3.$timeout 服务,对应了 JS window.setTimeout 函数

                $scope.MyTime = "第一次加载...";
                $timeout(function () {
                    $scope.MyTime = "第二次加载...";
                },3000);
                }

     

       4.$interval 服务;对应了 JS window.setInterval 函数

                $scope.MyTime = new Date().toLocaleTimeString();
                $interval(function () {
                    $scope.MyTime = new Date().toLocaleTimeString();
                },2000);
                }

       

上面了解了部分angular内建服务，重要的自己创建的服务供自己调用是比较常见的，好比封装一个个的方法一样

        var app = angular.module("Myapp", []);

        //定义一个服务
        app.service("Myservice", function () {
            this.Calc = function (x,y)
            {
                return x + y;
            }
        });
        //控制器中调用创建的服务
        app.controller("MyController", function ($scope, Myservice) {
            $scope.Ret = Myservice.Calc(3,8);
        });