Angular怎么创建服务

这篇文章将为大家详细讲解有关Angular怎么创建服务，小编觉得挺实用的，因此分享给大家做个参考，希望大家阅读完这篇文章后可以有所收获。

config配置块

Angular应用的运行主要分为两部分：app.config()和app.run()，config是你设置任何的provider的阶段，从而使应用可以使用正确的服务，需要注意的是在配置块中只有provider能被注入（只有两个例外是$provide和$injector)。而且provider也只能在config中注入。Angular注入服务的5种方式中，只有通过provider和constant注入的服务可以在依赖到config中。

app.controller('MyController',function($httpProvider){
	//错误，无法在控制器中注入服务提供者
});
app.config(function($http){
	//错误，配置块中只能注入服务
});

相关推荐：《angularjs教程》

关于一些内置的服务

控制器函数是可以被注入的，但是控制器本身是不能被注入到任何东西里面去的，然而，有一个内建的AngularJS服务叫做$controller，它负责设置你的控制器，调用myMod.controller(…)时，你实际上是访问了这个服务的provider。

代码：

myMod.controller('MainController',function($scope){
//...
});

实际上做了以下事情：

myMod.config(function($controllerProvider){
$controllerProvider.register('MainController',function($scope){
//...
});
});

类似的还有filter和directive，filter会使用一个叫做$filter的服务以及它的provider $filterProvider，而directive使用一个叫做$compile的服务以及它的provider $compileProvidr。

服务的5中注入方式

factory()

依赖注入器将使用factory函数创建服务的实例，工厂函数返回一个对象。

myModule.factory('myService',function(){
	varmyService={};
	//添加myService的一些属性和方法
	returnmyService;
});

service()

service注入通过传递一个函数给service，然后使用javascript的new操作生成一个服务，也就是说将属性附加到this上即可，使用这个方法要小心javascript的this陷阱，this并不总是指向执行函数本身，也可能指向顶级对象window。

myModule.service('myService',function(){
	this.foo='bar';
});

provider()

实际上以上我们提到的factory和service被实现为provider上的语法糖，通过provider注入的服务可以作为提供者在配置块中使用，另外provider必须实现一个$get属性。

myMod.provider('greeting',function(){
vartext='Hello,';

this.setText=function(value){
text=value;
};

this.$get=function(){
returnfunction(name){//$get必须实现，可以返回一个函数或者一个对象
alert(text+name);
};
};
});

myMod.config(function(greetingProvider){
greetingProvider.setText("Howdythere,");
});

myMod.run(function(greeting){
greeting('FordPrefect');
});

constant(name,value)

constant主要用于注册一个常量，value是一个值或者json对象，通常这个常量主要用于配置经常使用的数据，constant配置的服务可以注入到config。

angular.module('myApp',[])
.constant('apiKey','123123123')
.config(function(apiKey){
//在这里apiKey将被赋值为123123123
//就像上面设置的那样
})

value(name,value)

value主要用于存放一些数据或方法以供使用，如果这个数据或方法需要被修改,就用value来创建服务，其中参数value是一个值或者json对象。另外它不能够依赖到config中。

serviceApp.value('myConfig',{
name:'code_bunny',
age:12,
getId:function(){
return1
}
});

关于“Angular怎么创建服务”这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，使各位可以学到更多知识，如果觉得文章不错，请把它分享出去让更多的人看到。