模型是指$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. 【Unity Shaders】Lighting Models —— 衣服着色器

    本系列主要参考<Unity Shaders and Effects Cookbook>一书(感谢原书作者),同时会加上一点个人理解或拓展. 这里是本书所有的插图.这里是本书所需的代码和资源 ...

  2. CUDA学习，使用shared memory实现Reverse Array

  3. 【一天一道LeetCode】#96. Unique Binary Search Trees

    一天一道LeetCode 本系列文章已全部上传至我的github,地址:ZeeCoder's Github 欢迎大家关注我的新浪微博,我的新浪微博 欢迎转载,转载请注明出处 (一)题目 Given n ...

  4. Windows7下使用mingw编译openssl

    Windows7下使用mingw编译openssl 首先参考这篇文章安装mingw/minsys: http://blog.csdn.net/ubuntu64fan/article/details/8 ...

  5. Visual Studio2010 安装pthreads2.9.1

    本人最近要利用多线程进行编程,前面一篇博文讲解的是利用VC自带的一些函数库,这里重点探讨一下如何配置pthreads2.9.1的Visual Studio2010的环境.本文分为两个部分,第一部分给出 ...

  6. Java单例模式之饿汉模式与懒汉模式

    单例模式是我们在开发软件的过程中经常用到的23中常用的java模式之一,主要的功能就是保证我们所使用的对象只有一个,这也在一方面减少了出错的可能性,增强了代码的健壮.单例模式一般来说有两种实现的方式, ...

  7. Asp.Net中使用JQueryEasyUI--善良公社项目

    jQuery UI 是以 jQuery 为基础的开源 JavaScript 网页用户界面代码库.包含底层用户交互.动画.特效和可更换主题的可视控件.我们可以直接用它来构建具有很好交互性的web应用程序 ...

  8. Helix Streaming Server 简单配置

    双击桌面上新出现的"HelixServer"图标,正常的话应该如图9,不要关闭这个窗口. 双击"HelixServerAdministrator"图标,输入用户 ...

  9. 《java入门第一季》之面向对象（谈谈接口）

    软件中有接口,这里的接口与硬件中的接口还是有很大区别的. 这里介绍接口不考虑JDK8的新特性(JDK8开始接口里面可以有非抽象方法了,介绍JDK8新特性可能要到整个第一季写完吧!) 还是直接进入接口的 ...

  10. Linux System Programming -- Appendix

    这本书附录的名字是 "GCC对C语言的扩展" ,一下的内容是对扩展的总结 类型发现 GCC 允许通过变量的引用识别类型.这种操作支持泛型编程.在 C++.Ada 和 Java™ 语 ...