AngularJS服务基本用法

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

AngularJS 内建了30 多个服务。

$location 服务，它可以返回当前页面的 URL 地址

$http服务：服务向服务器发送请求，应用响应服务器传送过来的数据。

AngularJS 会一直监控应用，处理事件变化

AngularJS 使用$location 服务比使用 window.location 对象更好。

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

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

HTML正文：

<div ng-app="myApp" ng-controller="myCtrl">
当前页面访问地址$location:{{myUrl}}<br>
定时器服务$timeout:{{myHeader}}<br>
计时器服务：$interval:{{time}}<br>
自定义服务：{{msg}}<br>
自定义过滤器服务：{{num | myFilter}}
</div>

Javascript操作代码：

var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope, $location,$timeout,$interval,myservice) {
$scope.myUrl = $location.absUrl();
$scope.time=0;
$scope.num=100;
$timeout(function () {
$scope.myHeader = "How are you today?";
}, 2000);
$interval(function(){
$scope.time++;
},1000);
$scope.msg=myservice.myFunc(20);
});

//创建自定义过滤器，过滤器中使用自定义服务
app.filter('myFilter',['myservice', function(myservice) {
return function(x) {
return myservice.myFunc(x);
};
}]);

//创建自定义服务
app.service('myservice', function() {
this.myFunc = function (x) {
return x.toString(16)+" this is a service!";
}
});

效果：