什么是服务?
在 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访问可以在指定的周期(已毫秒计)来调用函数或者计算表达式
});
效果图: