模型是指$scope上保存的包含瞬时状态数据的JavaScript对象。

服务是一个单例对象，只会被$injector实例化一次，并且是在需要的时候才会被创建，服务提供了把与特定功能相关联的方法集中在一起的接口。

共有5种方式来创建服务：

    • factory(name,getFn):

      • name为注册的服务名，服务是单例对象在应用的生命周期内只会被调用一次，getFn可以是一个函数或者是一个包含可被注入对象的数组。
    • service(name,constructor):
      • name为要注册的服务名，constructor为构造函数，用来生成服务对象，在创建实例的时候通过new关键字来实例化服务对象(也就是创建一个对象，然后将构造函数的this绑定到这个对象上)。
    • provider(name,aProvider):
      • name参数为provideCache中注册的名字，也是服务实例的名字，name+Provider会成为服务的提供者。aProvider参数要求为一个提供者对象（包含$get函数）。所有的服务工厂都是由$provide提供的，$provide服务负责在运行时初始化这些提供者，提供者是一个具有$get()方法的对象。该方法负责在$providerCache中注册服务，所有创建服务的方法都是构建在provider方法之上，factory()方法是provider()方法的简略形式，将如传入的函数默认为服务提供者的$get函数，注入器注入服务的其实是服务提供者的$get返回的对象，也就是说$injector通过调用$get方法来创建服务实例。此外，AngularJS的config函数，可以对provider()方法返回的服务可以进行额外的配置，在config对其提供者（ServiceProvider）进行配置。
    • constant(name,value)：
      • 可以将已经存在的常量注册为服务。
    • value(name,value):
      • 与constant类似，只不过前者可以注入到配置函数中来配置数据，而value不行。
    • decorator(name,decoratorFn):
      • $provide服务提供了在服务实例创建时对其进行拦截的功能，可以对服务进行扩展或者完全用另外的内容来替代。name为要拦截的服务，decoratorFn为装饰器函数，在服务实例化的时候进行调用。在装饰器函数中，$delegate是进行装饰的最原始的服务（就是要被装饰的服务的引用）。

测试代码:

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

    <script src="angular-1.5.8/angular.min.js"></script>

    <script src="angular-1.5.8/angular-route.min.js"></script>

</head>

<body ng-app="MyApp">

<div ng-controller="MyController"></div>

    <script>

        var Person=function () {

            this.name='baishoujing'

        }

        var app=angular.module('MyApp',['ngRoute']);

        app.factory('UserService',['$log',function ($log) {

            $log.info('UserService is loaded!')

            return { name:'zhaoxiangjun '}

        }]);

        app.service('PersonService',Person)

        app.controller('MyController',function (UserService,PersonService) {

            alert(UserService.name)

            alert(PersonService.name)

        });

        var UserServiceDecorator=function ($delegate,$log,$injector) {

            $log.info($delegate)

            alert($delegate)

            return $delegate

        };

        app.config(function($provide){

            $provide.decorator('UserService',UserServiceDecorator)

        });

    </script>

</body>

</html>

 运行结果:

AngularJs 学习笔记（四）服务的更多相关文章

  1. AngularJS学习笔记(四) 自定义指令

    指令(directive)是啥?简单来说就是实现一定功能的XXX...之前一直用的ng-model,ng-click等等都是指令.当我有一个ng没提供的需求的时候,就可以自定义个指令.指令的好处显而易 ...

  2. go微服务框架kratos学习笔记四(kratos warden-quickstart warden-direct方式client调用)

    目录 go微服务框架kratos学习笔记四(kratos warden-quickstart warden-direct方式client调用) warden direct demo-server gr ...

  3. AngularJs学习笔记--Forms

    原版地址:http://code.angularjs.org/1.0.2/docs/guide/forms 控件(input.select.textarea)是用户输入数据的一种方式.Form(表单) ...

  4. AngularJs学习笔记--expression

    原版地址:http://code.angularjs.org/1.0.2/docs/guide/expression 表达式(Expressions)是类Javascript的代码片段,通常放置在绑定 ...

  5. AngularJs学习笔记--directive

    原版地址:http://code.angularjs.org/1.0.2/docs/guide/directive Directive是教HTML玩一些新把戏的途径.在DOM编译期间,directiv ...

  6. AngularJs学习笔记--html compiler

    原文再续,书接上回...依旧参考http://code.angularjs.org/1.0.2/docs/guide/compiler 一.总括 Angular的HTML compiler允许开发者自 ...

  7. AngularJs学习笔记--concepts(概念)

    原版地址:http://code.angularjs.org/1.0.2/docs/guide/concepts 继续.. 一.总括 本文主要是angular组件(components)的概览,并说明 ...

  8. AngularJs学习笔记--Using $location

    原版地址:http://code.angularjs.org/1.0.2/docs/guide/dev_guide.services.$location 一.What does it do? $loc ...

  9. AngularJs学习笔记--Creating Services

    原版地址:http://docs.angularjs.org/guide/dev_guide.services.creating_services 虽然angular提供许多有用的service,在一 ...

  10. AngularJs学习笔记--Understanding the Controller Component

    原版地址:http://docs.angularjs.org/guide/dev_guide.mvc.understanding_model 在angular中,controller是一个javasc ...

随机推荐

  1. Dynamics CRM2013 附件禁用方案

    CRM2013的附件功能和以往有了不同,把公告.活动.注释合在了一块并称注释,在使用的过程中会发现一个无语的地方,就算表单状态为停用,注释还是处于可编辑状态,而且也查询不到公开的方法来处理注释的,为了 ...

  2. 手动开发动态资源之servlet初步

    1.1 静态资源和动态资源的区别 静态资源:当用户多次访问这个资源,资源的源代码永远不会改变的资源. 动态资源:当用户多次访问这个资源,资源的源代码可能会发送改变. 1.2动态资源的开发技术 Serv ...

  3. iOS平台添加Google Admob -1/2（Unity3D开发之七）

    猴子原创,欢迎转载.转载请注明: 转载自Cocos2D开发网–Cocos2Dev.com,谢谢! 原文地址: http://www.cocos2dev.com/?p=567 Unity调用iOS还是非 ...

  4. Gradle笔记——关于Gradle 1.12

    到目前为止,Gradle已经出到2.1版本了,从1.12这个版本开始看,主要是因为我使用Gradle是Android开发所需要.公司里面是采用Android Studio来进行Android项目的开发 ...

  5. Unity 简易的UI背景昼夜轮替效果

    在UI背景上实现一个简易的有光影照射的昼夜轮替效果,往往比一个死板的UI背景看起来更加形象生动,比较传统的方式是多图轮流替换的序列帧动画,不过要达到整个UI背景大图的所有地方都产生光影效果,那么务必每 ...

  6. 【Linux 操作系统】 Secure CRT 终端配置 -- 配置语法高亮 光标 和 字体

    . 1. Secure CRT 中没有想要的字体 Windows 8 下没有 Courier New 字体, 需要在系统的字体上进行配置, 进入 C:\Windows\Fonts 目录, 下面是目录的 ...

  7. (NO.00003)iOS游戏简单的机器人投射游戏成形记(二十)

    接上一篇文章,我们现在来实现篮框的感应器. 所谓感应器,就是在物体接触到的时候做出反应的节点.我们需要将感应器放在篮框底部,这样子弹接触感应器的时候,我们就知道子弹坠入了篮框,从而得分. 为了放置子弹 ...

  8. 【Android 应用开发】 Fragment 详解

    作者 : 韩曙亮 转载请著名出处 : http://blog.csdn.net/shulianghan/article/details/38064191 本博客代码地址 : -- 单一 Fragmen ...

  9. Unity UGUI图文混排源码(二)

    Unity UGUI图文混排源码(一):http://blog.csdn.net/qq992817263/article/details/51112304 Unity UGUI图文混排源码(二):ht ...

  10. Python代码运行助手

    将下述demo文件保存下来,比如存为learning.py 然后运行,如果出现: Ready for Python code on port 39093... 则说明成功了. demo #!/usr/ ...