文档章节

AngularJS笔记之创建服务方式比较 : factory vs service vs provider

wshining
 wshining
发布于 2016/11/04 10:44
字数 450
阅读 12
收藏 0

那么问题来了,Angular 提供了三种方法来创建并注册我们的 service:factory, service 和 provider 。

Factory :

  • factory 就是创建一个对象,为他添加属性,然后把这个对象 return 出来。当你把 service 传进 controller 以后,在 controller 中这个对象的属性就可以通过 factory 使用了。
var app = angular.module('app',[]);
app.factory('myFactory',function(){
  var test = {};
  test.name = "Jason";
  test.sayHello = function(){console.log("hello world")};
  return test;
});
app.controller("myCtrl",function($scope,myFactory){
 $scope.greet =myFactory.test.sayHello;
   //use the attrs of the obj in the factory
})
  •  

Service:

  • service 是用 new 关键字实例化的。因此,你应该给 this 添加属性,然后 service 返回 this。你把 service 传进 controller 以后,在 controller 里 this 上的属性就可以用通过 service 来使用了
app.service('myService',function(){
    var _artist = "Nelly";

    this.getAritist = function(){
                         return _artist;
                       };

});

app.controller("myCtrl",function($scope,myService){

    $scope.getArtist = myService.getArtist;

});
  • Provider :

    Providers 是唯一一种你可以传进 .config() 函数的 service。当你想要在 service 对象启用之前,先进行模块范围的配置,那就应该用 provider。

app.provider("myProvider",function(){
    this._artist = " " ;

    this.thingFromConfig = " " ;

    this.$get = function(){

        var that  =  this;

        return  {

           getArtist : function(){

               return that._artist;

            },

        thingOnConfig : that.thingFromConfig

        }

   },

   thingOnConfig 

});


app.controller("myController",function($scope,myProvider){

    $scope.artist = myProvider.getArtist();

    $scope.data.thingFromConfig = myProvider.thingOnConfig;

});



app.config(function(myProviderProvider){

    myProviderProvider.thingFromConfig = "This was set in config() " ;

})

 

本文转载自:http://xue163.com/2047/1/20472830.html

wshining
粉丝 15
博文 74
码字总数 55841
作品 0
深圳
前端工程师
私信 提问
  AngularJS中serivce,factory,provider的区别

一、service引导 刚开始学习Angular的时候,经常被误解和被初学者问到的组件是 service(), factory(), 和 provide()这几个方法之间的差别。This is where we'll start the twenty-five days ...

武文海
2015/04/29
4K
0
AngularJS 常见面试问题

问题来源:如何衡量一个人的 AngularJS 水平? ng-if 跟 ng-show/hide 的区别有哪些? 第一点区别是, 在后面表达式为 true 的时候才创建这个 dom 节点, 是初始时就创建了,用 和 来控制显示...

阿K1225
2017/10/25
37
0
开源中国的 AngularJS 优秀文章汇总

Angular JS (Angular.JS) 是一组用来开发Web页面的框架、模板以及数据绑定和丰富UI组件。它支持整个开发进程,提供web应用的架构,无需进行手工DOM操作。 AngularJS很小,只有60K,兼容主流浏...

oschina
2014/08/24
5.8K
13
AngularJS中service,factory,provider的区别

一、service引导 刚开始学习Angular的时候,经常被误解和被初学者问到的组件是 service(), factory(), 和 provide()这几个方法之间的差别。This is where we'll start the twenty-five days ...

Mr_Tank_
2014/07/26
47.8K
7
OSChina 技术专题之 AngularJS 更新版(201412)

Angular JS (Angular.JS) 是一组用来开发Web页面的框架、模板以及数据绑定和丰富UI组件。它支持整个开发进程,提供web应用的架构,无需进行手工DOM操作。 AngularJS很小,只有60K,兼容主流浏...

OSC编辑部
2014/10/17
11.2K
26

没有更多内容

加载失败,请刷新页面

加载更多

CSS中实现图片垂直居中

在曾经的 淘宝UED 招聘 中有这样一道题目: “使用纯CSS实现未知尺寸的图片(但高宽都小于200px)在200px的正方形容器中水平和垂直居中。” 当然出题并不是随意,而是有其现实的原因,垂直居中...

前端老手
48分钟前
4
0
vue学习笔记5:vue富文本编辑器ueditor的组件封装及问题

做一个后台,离不开文本编辑器,百度的ueditor经常用,这次改用vue写后台,需要再次集成一下,遇到很多问题,搞了一下午,整理一下,希望能够帮到后来者。 目标: 希望封装的ueditor组件,尽...

Jack088
59分钟前
5
0
MFC多线程编程之四——线程的同步

八、线程的同步 虽然多线程能给我们带来好处,但是也有不少问题需要解决。例如,对于像磁盘驱动器这样独占性系统资源,由于线程可以执行进程的任何代码段,且线程的运行是由系统调度自动完成...

rainbowcode
今天
3
0
QWIDGET、QMAINWINDOW、QFRAME、QWINDOW、QDIALOG、QSCROLLAREA区别

QWindow一般不用 QDialog对话框而已 QScrollArea有滚动条的窗口。 from PyQt5.QtWidgets import (QWidget,QListWidget,QLabel,QApplication,QScrollArea,QFrame,QAction,QVBoxLayout,QLis......

shzwork
今天
3
0
CRM、DMP、CDP都是什么?有什么区别?

Markter对CRM系统(Customer Relationship Management System,客户关系管理系统),营销自动化等概念都已经比较熟悉,也许DMP(Data Management Platform,数据管理平台)也多多少少有些了解。...

怡海软件-CRM
今天
6
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部