angularJS中service、provice、factor区别

provider, factory和service都是写AngularJS的service中常用的关键字，很容易混淆，写了一个简单的例子显示他们之间的区别：

分别用service，factory和provider定义三个service：

[html] view plaincopy print?

var wtcModule = angular.module('wtc', []);
wtcModule.service('testService',function(){
this.lable = 'this is service';
});
wtcModule.factory('testFactory', function () {
return{
lable: function(){
return 'this is factory';
}
}
});
wtcModule.provider('testProvider', function(){
this.$get = function(){
return 'this is provider';
}
});

var wtcModule = angular.module('wtc', []);wtcModule.service('testService',function(){this.lable = 'this is service';
});wtcModule.factory('testFactory', function () {return{lable: function(){return 'this is factory';}}
});wtcModule.provider('testProvider', function(){this.$get = function(){return 'this is provider';}
});

在页面上留出三个占位符：

[html] view plaincopy print?

<body ng-controller='outputCtrl'>
{{ output1 }}
{{ output2 }}
{{ output3 }}
</body>

<body ng-controller='outputCtrl'><p>{{ output1 }}</p><p>{{ output2 }}</p><p>{{ output3 }}</p>
</body>

写好outputCtrl:

[html] view plaincopy print?

var wtcModule = angular.module('wtc');
wtcModule.controller('outputCtrl', function($scope,testService, testFactory, testProvider){
$scope.output1 = testService.lable;
$scope.output2 = testFactory.lable();
$scope.output3 = testProvider;
});

var wtcModule = angular.module('wtc');wtcModule.controller('outputCtrl', function($scope,testService, testFactory, testProvider){$scope.output1 = testService.lable;$scope.output2 = testFactory.lable();$scope.output3 = testProvider;
});

最后页面的显示结果为；

说明：

注入service，相当于注入service定义时的function实例。

注入factory，相当于注入factory定义时的函数调用入口。

注入provider，相当于注入provider内$get定义的函数实例的调用。

转自：http://blog.csdn.net/u012841667/article/details/52749996

angularJS中service、provice、factor区别相关推荐

AngularJS中service，factory，provider的区别（转载：http://my.oschina.net/tanweijie/blog/295067）...
目录[-] 一.service引导二.service 1.factory() ‍2.service()‍ ‍3.provider()‍‍ 一.service引导刚开始学习Angular的时候,经常 ...
angular中service、provice、factor区别
provider, factory和service都是写Angularjs的service中常用的关键字,很容易混淆,写了一个简单的例子显示他们之间的区别: 分别用service,factory和pr ...
angularjs 中 Factory,Service,Provider 之间的区别
本片文章是使用了 angularjs 中使用 service 在controller 之间 share 对象和数据的code(http://jsfiddle.net/kn46u0uj/1/) 来进行 ...
如果我有jQuery背景，那么“ AngularJS中的思考”吗？ [关闭]
已关闭 . 这个问题需要更加集中 . 它当前不接受答案. 想改善这个问题吗? 更新问题,使其仅通过编辑此帖子来关注一个问题. 4年前关闭. 已锁定 . 该问题及其答案被锁定,因为该问题是题外话,但具有 ...
理解AngularJS中的依赖注入
作者 CraftsCoder 冷月无声 - 博客频道 - CSDN.NET http://blog.csdn.net/jaytalent/article/details/50986402 本文结合一些 ...
AngularJS Provider/Service/Factory 使用
一.AngularJS 初始化加载流程 1.浏览器载入HTML,然后把它解析成DOM. 2.浏览器载入angular.js脚本. 3.AngularJS等到DOMContentLoaded事件触发. ...
AngularJS中使用HTML5摄像头拍照
1. 项目背景公司开发一个网站,在做用户头像修改的时候领导提到增加一个由摄像头拍照实现修改头像的功能.因为我们网站是基于Html5进行开发,所以就直接采用H5来实现拍照.起初觉得这个功能很简单,但是 ...
AngularJS之Service（四）
前言前面我们讲了控制器.过滤器以及指令,这一节我们来讲讲重大内容之一服务和其中涉及到的工厂. 话题 AngularJS中服务可以说是和DI紧密联系在一起,在应用程序中我们可以通过使用服务来共享代码, ...
转: 理解AngularJS中的依赖注入
理解AngularJS中的依赖注入 AngularJS中的依赖注入非常的有用,它同时也是我们能够轻松对组件进行测试的关键所在.在本文中我们将会解释AngularJS依赖注入系统是如何运行的. Prov ...

angularJS中service、provice、factor区别

provider, factory和service都是写AngularJS的service中常用的关键字，很容易混淆，写了一个简单的例子显示他们之间的区别：

angularJS中service、provice、factor区别相关推荐

最新文章

热门文章