Angular JS 学习之服务(Service)
Posted 小春熙子
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了Angular JS 学习之服务(Service)相关的知识，希望对你有一定的参考价值。
1.AngularJS中，可以创建自己的服务，或使用内建服务；
2.在AngularJS中，服务是一个函数或对象，可在你的AngularJS应用中使用；
AngularJS内建了30多个服务；有个$location服务，它可以返回当前页面的URL；
var app=angular.module(\'myApp\',[]);
app.controller(\'customersCtrl\',function($scope,$location){
$scope.myUrl=$location.absUrl();
});
3.$http是AngularJS应用中最常用的服务；服务向服务器发送请求，应用响应服务器传过来的数据；
AngularJS会一直监控应用，处理事件变化，AngularJS使用$location服务比使用window。location对象更好；
var app=angular(\'myApp\',[]);
app.controller(\'myCtrl\',function($scope,$http){
$http.get("Welcome.htm").then(function(response){
$scope.myWelcome=response.data;
});
});
4.$timeout服务：响应了JS window.setTimeout函数：
var app=angular.module(\'myApp\',[]);
app.controller(\'myCtrl\',function($scope,$timeout){
$scope.myHeader="Hello World!";
$timeout(function(){
$scope.myHeader="How are you today?";
},2000);
});
5.$interval服务：对应了JS window.setInterval函数
var app=angular.module(\'myApp\',[]);
app.controller(\'myCtrl\',function($scope,$interval){
$scope.theTime=new Date().toLocaleTimeString();
$interval(function(){
$scope.theTime=new Date().toLocaleTimeString();
},1000);
});
6.创建自定义服务：可以创建访问自定义服务，链接到你的模块中；
app.service(\'hexafy\',function(){
this.myFunc=function(x){
return x.toString(16);
}
});
使用访问自定义服务，需要在定义过滤器的时候独立添加：
app.controller(\'myCtrl\',function($scope,hexafy){
$scope.hex=hexafy.myFunc(255);
});
7.过滤器中，使用自定义服务：当你创建了自定义服务，并连接到你的应用后，你可以在控制器，指令，过滤器或其他服务中使用它；
在过滤器myFormat中使用服务hexafy：
app.filter(\'myFormat\',[\'hexafy\',function(hexafy){
return function(x){
return hexafy.myFunc(x);
};
}]);
以上是关于Angular JS 学习之服务(Service)的主要内容，如果未能解决你的问题，请参考以下文章