Angularjs中provider,factory和service的不同

最新推荐文章于 2024-08-14 10:08:54 发布
最新推荐文章于 2024-08-14 10:08:54 发布
阅读量74 收藏
点赞数
文章标签： javascript ViewUI
原文链接：http://www.cnblogs.com/wangyhua/p/4050542.html
版权

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

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

复制代码 
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';
    }
});
复制代码

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

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

写好outputCtrl:

复制代码 
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定义的函数实例的调用。

转载于:https://www.cnblogs.com/wangyhua/p/4050542.html

weixin_34315189
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
【5min+】 设计模式的迷惑？Provider vs Factory
句幽
03-16 635
系列介绍 【五分钟的dotnet】是一个利用您的碎片化时间来学习和丰富.net知识的博文系列。它所包含了.net体系中可能会涉及到的方方面面，比如C#的小细节，AspnetCore，微服务中的.net知识等等。 5min+不是超过5分钟的意思，"+"是知识的增加。so，它是让您花费5分钟以下的时间来提升您的知识储备量。 正文 一说起设计模式，大家应该都不会太陌生。毕竟在面向对象的世界中，我们需要用...
创建服务factory和service方法的区别
weixin_33910137的博客
11-02 104
factory方法返回的是对象，json或数组,也可以返回字符串类型的数据，但service方法只能返回数据或对象 创建服务有3种方法 $provide.provider('服务名',function(){this.$get=function(){return obj}}) $provide.factory('服务名',fn);$provide.service('服务名',fn)   服...
angularjs中provider、factory和service三者的写法与区别
ltyisangel的专栏
12-03 950
provider： module.provider("HelloAngular", function(){ return { $get: function() { var name = "aa"; function getName() { return name; } return { getName: getName } } } });
AngularJS中的provider,factory,service方法
weixin_33713350的博客
06-27 88
使用$provide中的provider方法定义服务 前面已经知道了module的定义为angular.module(name,[requires],configFn);configFn参数是配置服务的。ng供服务的过程涉及它的依赖注入机制。AngularJS是用$provider对象来实现自动依赖注入机制的。$provide.provider是一种定义服务的方法...
AngularJS中的provider、factory以及service区别
weixin_30387799的博客
05-07 170
　　　>>>AngularJS 通过 指令 扩展了 HTML，且通过 表达式 绑定数据到 HTML。【AngularJS常用指令】1、ng-app:声明Angular所管辖的区域。一般写在body或html上，原则上一个页面只有一个； <body ng-app=""></body>2、ng-model:把元素值（比如输入域的...
深究AngularJS——自定义服务详解(factory、service、provider)
热门推荐
爱雨轩
05-14 5万+
前言 3种创建自定义服务的方式。 Factory Service Provider 大家应该知道，AngularJS是后台人员在工作之余发明的，他主要应用了后台早就存在的分层思想。所以我们得了解下分层的作用，如果你是前端人员不了解什么是分层，那么你最好问问你后台的小伙伴。 dao层：就是Model层，在后台时，这一层的作用，就要是写与数据库交互数据的一层，在angularJS里就主要是写ajax
跟我学AngularJs:Service、Factory、Provider依赖注入使用与区别
Evankaka的专栏
04-13 1万+
用有过Spring的人都知道，Spring的核心思想就是DI(依赖注入,Dependency Injection)和IOC(控制反转 Invension of Controller),AngularJS的service其实就是用到了这里的DI思想，那么什么叫做DI?所谓DI，就是指对象是被动接受依赖类而不是自己主动去找，换句话说就是指对象不是从容器中查找它依赖的类，而是在容器实例化对象的时候主动将它依赖的类注入给它。我个人的理解就是，你在实例化一个类时，它会自动去实例化它里面所用到的其它实例。所以这就叫依赖
AngularJS中Provider、Service和Factory之间的不同
ltyisangel的专栏
12-04 2496
如果你正在寻找不同，可能是因为你正在找出哪一个才是对于你合适的。或者是因为你已经遇到了它们三个，并且因为它们看起来相似而判断不同处。 如果你认为它们是相似的 - 你就答对了。它们是非常相似的。事实上，他们都是一样的本质。   他们都是provider。factory和service仅仅是provider的特殊实例，但是你能完成你想用provider做的所有事情。比如： Provider
AngularJS 中的 factory、 service 和 provider区别，简单易懂
weixin_30840253的博客
03-19 123
转自：http://blog.csdn.net/ywl570717586/article/details/51306176 初学AngularJS时， 肯定会对其提供 factory 、 service 和 provider 感到疑惑， 这三种都是提供服务的方式， 他们到底有什么区别呢？ factory factory 可以认为是设计模式中的工厂方法， 就是你提供一个方法， 该方法...
angularJs中service的三种方法以及区别（factory,service,provider三者的区别）
Coder.SirLoin的博客
12-07 9775
1.引言 在angularJS中service是我们经常用到的一个东西，从最开始，我们就知道service有三种方法，service()，factory()和provider() 三者的异同和应用场景也是经久不衰的话题，网上有大量的文章和代码讨论三者的使用和区别 但其中多数说的都一知半解，让人一头雾水，今天让我们聊聊angularJS中的service 2.service的作用
AngularJS 中的 factory、 service 和 provider区别
猎人在吃肉
01-29 2412
初学 AngularJS 时， 肯定会对其提供 factory 、 service 和 provider 感到疑惑， 这三种都是提供服务的方式， 他们到底有什么区别呢？ factory factory 可以认为是设计模式中的工厂方法， 就是你提供一个方法， 该方法返回一个对象的实例， 对于 AngularJS 的 factory 来说， 就是先定义一个对象， 给这个对象添加属性和方法， 然后返
vue2前端阿里云oss服务端签名直传
weixin_74285634的博客
08-13 260
generatePresignedUrlApi是由后端提供的接口 来获取密钥。
【vue教程】五. Vue 的路由管理
前端探索者
08-13 1095
Vue Router 是 Vue 官方的路由管理器，用于构建单页面应用。它允许你通过 URL 来映射不同的组件，实现页面的动态加载和导航。路由守卫用于在路由跳转前后执行代码，可以用来检查用户认证状态、获取数据等。通过本篇文章，我们学习了 Vue Router 的基本概念、配置和使用，以及如何实现动态路由和嵌套路由。我们还探讨了路由守卫的概念，并提供了如何在 Vue 组件中使用它们的示例。这些知识点将帮助你构建一个功能完备的单页面应用。
【无标题】
最新发布
weixin_42348009的博客
08-14 165
静态方法返回一个由给定对象自身的可枚举的字符串键属性名组成的数组。
【Markdown】Markdown 中的语言简称
EleganceJiaBao的博客
08-12 989
以下是常见编程语言、脚本语言、标记语言等在 Markdown 中的语言简称以及相应的示例：
playwright链接本地浏览器，实现自动登录。
qq_38880880的博客
08-12 182
【代码】playwright链接本地浏览器，实现自动登录。
Vue中的路由与多种守卫常见问题及解决方案
zhaochen1127的博客
08-12 1130
Vue Router中的路由守卫主要分为三种类型：全局守卫、路由独享守卫和组件内守卫。全局守卫：作用于整个应用，包括beforeEach和afterEach。路由独享守卫：在路由配置中直接定义，只有进入该路由时才会触发，如。组件内守卫：定义在组件内部，包括和。路由守卫是Vue Router中一个强大的功能，能够帮助开发者在路由跳转前后执行重要的逻辑判断。然而，不当的使用和配置可能会引发一系列问题，如无限循环、守卫逻辑错误、守卫未正确触发以及异步处理不当等。
Vue 中 app.config 相关配置项介绍与案例
前端基地
08-13 1044
本博文展开了细致且全面的阐述，对 app.config 、app.config.errorHandler 、app.config.warnHandler 、app.config.performance 、app.config.compilerOptions 、app.config.globalProperties 以及 app.config.optionMergeStrategies 进行了深入剖析。不仅清晰明了地介绍了它们的功能和特性，还通过丰富多样的实际案例展开了详尽的分析。
AngularJS中的service、factory与provider详解
在AngularJS中，service，factory，以及provider都是依赖注入（Dependency Injection，DI）机制的一部分，它们都用于创建可重用的对象，但它们之间存在细微的差异，主要体现在创建对象的方式和何时实例化。...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值