angularJS学习之路(二十五)---创建服务的五大方法---provider
2015-11-24 16:55
295 查看
所有的服务工厂都是由 $provider 服务创建的,
$provider服务负责在运行时初始化这些提供者
所有的创建服务的方法都是构建在provider方法之上的,
provider方法负责在$providerCache中注册服务
下面两种方法是等价的:这里我们假设了提供者是一个具有$get方法的对象
下面四种方法都是等价的:
那么问题来了,是否一直可以使用.factory()方法来代替.provider()方法呢?
答案是这样的:
取决于 是否 需要用angularJS的.config()函数来对.provider()方法返回的服务进行额外的扩展配置,
原因是:config()方法可以被注入特殊的参数,
下面的例子很好的说明这点:
js代码:
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是非常强大的,欢迎大量使用
$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是非常强大的,欢迎大量使用
相关文章推荐
- 推荐10个很棒的AngularJS学习指南
- IONIC+ANGULARJS语言切换
- angularJS学习之路(二十四)---创建服务的五大方法---service
- angularJS学习之路(二十三)---创建服务的五大方法---factory
- AngularJS基础
- 对比Jquery 与 AngularJs
- AngularJS入门教程:日期格式化
- angularJS学习之路(二十二)---模块加载---config
- angularJS学习之路(二十一)---injector---初探依赖注入
- angularJS学习之路(二十)---自定义指令---transclude的作用
- [转]angularjs 设置全局变量的3种方法
- [转]AngularJs 多语言的使用 angular-translate
- Angular 学习笔记——ng-repeat 隔行换色
- angularJS学习之路(二十)---自定义指令作用域绑定策略问题
- angularJS学习之路(十九)---自定义指令关于独立作用域
- Angular 学习笔记——ng-repeat&filter
- AngularJS 国际化——Angular-translate
- angularJS学习之路(十八)---自定义指令执行过程
- angularJS学习之路(十七)---自定义指令
- Angular 学习笔记——filter