angularJS学习之路（二十五）---创建服务的五大方法---provider

来源：互联网发布：dd打车软件编辑：程序博客网时间：2024/05/21 18:32

所有的服务工厂都是由 $provider 服务创建的，

$provider服务负责在运行时初始化这些提供者

所有的创建服务的方法都是构建在provider方法之上的，

provider方法负责在$providerCache中注册服务

下面两种方法是等价的：这里我们假设了提供者是一个具有$get方法的对象

app.factory('game', function() {return {title: 'StarCraft'};});app.provider('game',{$get:function () {return {title:'StarCraft'};}});

下面的两种方法也是等价的：

app.config(function ($provider) {$provider.factory('game',function () {return {title:'StarCraft'}});});app.factory('game', function() {return {title: 'StarCraft'};});

下面四种方法都是等价的：

app.config(function ($provider) {$provider.factory('game',function () {return {title:'StarCraft'}});});app.config(function ($provider) {$provider.provider('game',function () {return {$get:function(){title:'StarCraft'}}});});app.factory('game', function() {return {title: 'StarCraft'};});app.provider('game',{$get:function () {return {title:'StarCraft'};}});

那么问题来了，是否一直可以使用.factory()方法来代替.provider()方法呢？

答案是这样的：

取决于是否需要用angularJS的.config()函数来对.provider()方法返回的服务进行额外的扩展配置，

原因是：config()方法可以被注入特殊的参数，

下面的例子很好的说明这点：

js代码：

var app = angular.module('myApp', []);app.provider('game',function () {var type;return {setType:function (value) {type = value;},$get:function () {return {title:type + 'Craft'}}}});app.config(function (gameProvider) {gameProvider.setType("Puzzle");});app.controller('FirstController',function ($scope,game) {$scope.title = game.title;});

HTML代码：

<!DOCTYPE html><html ng-app="myApp"><head><meta charset="utf-8"><title></title></head><body><div ng-controller="FirstController">{{title}}</div><script type="text/javascript" src="../js/angular.min.js"></script><script type="text/javascript" src="../js/provider.js"></script></body></html>

现在你只需要在创建服务的时候，把config里面的参数，随便改，结果就是你要的了，

而且在这个例子中，出现的gameProvider 需要你自己去测试下，你把名字换成abcProvider就失败了，

另外就是需要注意定义服务和定义config的顺序问题了，

因为我们定义了一个provider，名称叫做game angularJS机制在注册的时候，后面后自动加上Provider

就导致我们使用app.provider（）函数的时候，第一个参数会自动加上Provider，只有这样才能完整的变成一个angularJS认可的提供者，这个完整的提供者才可以被注入到config函数中，

再次说明一点，要注意，config要在provider（）函数后面

讲到这里，你现在应该明白了再什么时候，我们必须要使用provider来生成创建一个服务了吧，

就是，如果你希望在config中可以对服务进行配置的话，那么你必须要用provider来定义服务了

然后我们再次讲解下 provider函数：

参数接受两个，

1.name 字符串，name参数在providerCache中注册的名字，name+Provide会成为服务的提供者，同时name也是服务实例的名字

2.对象，函数，数组：就是一个依赖，注意如果是对象，它必须带有$get方法，如果是数组，它的最后一个元素必须是函数，而且这个函数必须是带有$get方法的对象

provider是非常强大的，欢迎大量使用

0 0