聊一聊 AngularJS 服务

什么是服务？

在 AngularJS 中，服务是一个函数或对象，可在你的 AngularJS 应用中使用。

AngularJS 内建了30 多个服务。

为什么使用服务?

在很多服务中，比如 $location 服务，它可以使用 DOM 中存在的对象，类似 window.location 对象，但 window.location 对象在 AngularJS 应用中有一定的局限性。

AngularJS 会一直监控应用，处理事件变化， AngularJS 使用 $location 服务比使用 window.location 对象更好。

下面举几个angularjs服务例子帮助理解：

$timeout 服务

AngularJS $timeout 服务对应了 JS window.setTimeout 函数。

代码：

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

app.controller('myCtrl',function($scope,$timeout){

　　$scope.myHead="hello world!";

　　　　$timeout(function(){

　　　　　　$scope.myHead="nice skill get!";

　　　　},2000);

});

效果图：

$interval 服务

AngularJS $interval 服务对应了 JS window.setInterval 函数。

angular.module('myApp',[]).controller('myCtrl',function($scope,$interval){

　　　　$scope.theTime=new Date().toLoacleTimeString();

　　　　　　$interval(function(){

　　　　　　　　$scope.theTime=new Date().toLocaleTimeString();

　　　　　　},1000);

　　　　　　//$interval访问可以在指定的周期（已毫秒计）来调用函数或者计算表达式

});

效果图：