AngularJs学习笔记--Creating Services

原版地址：http://docs.angularjs.org/guide/dev_guide.services.creating_services

　　虽然angular提供许多有用的service，在一些特别的应用中，我们会发现编写自定义service是很有用的。如果我们想做这件事，我们首先要在module中注册一个service工厂方法，可以通过Module.factory api（http://docs.angularjs.org/api/angular.module）或者在module配置方法中直接通过$provide api（http://docs.angularjs.org/api/AUTO.$provide）。

　　所有angular service都参与到DI（http://www.cnblogs.com/lcllao/archive/2012/09/23/2699401.html）中，既可以通过angular DI系统（injector）中使用名称（id）注册自己，也可以通过在其他工厂方法中声明对已存在的service的依赖。

一、Registering Services

　　为了注册一个service，我们必须拥有一个module，并且使这个server成为这个module的一部分。然后，我们可以通过Module api或者在module配置函数中注册service。下面的伪代码将展示这两种注册方式。

　　使用angular.module api:

var myModule = angular.module(‘myModule’,[]);

myModule.factory(‘serviceId’,function() {

       var someService;

       //工厂方法体，构建someService

       return someService;

});

　　使用$provide service：

angular.module(‘myModule’,[],function($provide) {

       $provide.factory(‘serviceId’,function() {

              var someService;

              //工厂方法体，构建someService

              return someService;

        });

});

　　注意，我们无须注册一个服务实例，相反地，工厂方法会在它被调用的时候被实例化。

二、Dependencies

　　service不仅仅可以被依赖，更可以拥有自己的依赖。可以在工厂方法的参数中指定依赖。阅读（http://www.cnblogs.com/lcllao/archive/2012/09/23/2699401.html）更多关于angular中的DI、数组标记的用途和$inject属性，让DI声明更加简洁。(Read more about the DI in Angular and the use of array notation and $inject property to make DI annotation minification-proof……)

　　下面是一个非常简单的service例子。这个服务依赖$window service（通过工厂方法参数传递），而且只有一个方法。这个service简单地储存所有通知，在第三个之后，这个service会通过window.alert显示所有通知。

<!DOCTYPE HTML>

<html lang="zh-cn" ng-app="MainApp">

<head>

    <meta charset="UTF-8">

    <title>services</title>

</head>

<body>

<div ng-controller="MyController">

    <input type="text" ng-model="msg"/>

    <button ng-click="saveMsg()">save msg</button>

    <ul>

        <li ng-repeat="msg in msgs">{{msg}}</li>

    </ul>

</div>

<script src="../angular-1.0.1.js" type="text/javascript"></script>

<script type="text/javascript">

    var app = angular.module("MainApp",[],function($provide) {

        $provide.factory("notify",["$window","$timeout",function(win,timeout) {

            var msgs = [];

            return function(msg) {

                msgs.push(msg);

                if(msgs.length==3) {

                    timeout(function() {

                        win.alert(msgs.join("\n"));

                        msgs = [];

                    },10);

                }

            }

        }])

    });

    app.controller("MyController",function($scope,notify) {

        $scope.msgs = [];

        $scope.saveMsg  = function() {

            this.msgs.push(this.msg);

            notify(this.msg);

            this.msg = "";

        };

    });

</script>

</body>

</html>

三、Instantiating Angular Services

　　所有在angular中的service都是延迟实例化的（lazily）。这意味着service仅仅在其他依赖它的已实例化的service或者应用组件中被依赖时，才会创建。换句话说，angular直到服务被直接或者间接请求时候，才会实例化service。

四、Services as singletons

　　最后，我们必须意识到所有angular service都是一个单例应用。这意味着每一个injector中有且只有一个给定service的实例。由于angular是极其讨厌破坏global state的，所以创建多个injector，使每一个都有指定service的实例是可行的，除了在测试中有强烈的需求外，一般很少有这样的需要。

AngularJs学习笔记--Creating Services的更多相关文章

AngularJs学习笔记--Injecting Services Into Controllers
原版地址:http://docs.angularjs.org/guide/dev_guide.services.injecting_controllers 把service当作被依赖的资源加载到con ...
AngularJs学习笔记--Forms
原版地址:http://code.angularjs.org/1.0.2/docs/guide/forms 控件(input.select.textarea)是用户输入数据的一种方式.Form(表单) ...
AngularJs学习笔记--expression
原版地址:http://code.angularjs.org/1.0.2/docs/guide/expression 表达式(Expressions)是类Javascript的代码片段,通常放置在绑定 ...
AngularJs学习笔记--directive
原版地址:http://code.angularjs.org/1.0.2/docs/guide/directive Directive是教HTML玩一些新把戏的途径.在DOM编译期间,directiv ...
AngularJs学习笔记--Guide教程系列文章索引
在很久很久以前,一位前辈向我推荐AngularJs.但当时我没有好好学习,仅仅是讲文档浏览了一次.后来觉醒了……于是下定决心好好理解这系列的文档,并意译出来(英文水平不足……不能说是翻译,有些实在是看 ...
AngularJs学习笔记--bootstrap
AngularJs学习笔记系列第一篇,希望我可以坚持写下去.本文内容主要来自 http://docs.angularjs.org/guide/ 文档的内容,但也加入些许自己的理解与尝试结果. 一.总括 ...
AngularJs学习笔记--html compiler
原文再续,书接上回...依旧参考http://code.angularjs.org/1.0.2/docs/guide/compiler 一.总括 Angular的HTML compiler允许开发者自 ...
AngularJs学习笔记--concepts(概念)
原版地址:http://code.angularjs.org/1.0.2/docs/guide/concepts 继续.. 一.总括本文主要是angular组件(components)的概览,并说明 ...
AngularJs学习笔记--Using $location
原版地址:http://code.angularjs.org/1.0.2/docs/guide/dev_guide.services.$location 一.What does it do? $loc ...

随机推荐

（转）构建ASP.NET MVC4+EF5+EasyUI+Unity2.x注入的后台管理系统（5）-EF增删改查by糟糕的代码
原文地址:http://www.cnblogs.com/ymnets/archive/2013/11/16/3426454.html 上一讲我们创建了一系列的解决方案,我们通过一个例子来看看层与层之间 ...
gkd
## Part 0. 开篇组长博客:[戳我进入]() 作业博客:[班级博客本次作业的链接](https://edu.cnblogs.com/campus/fzu/Grade2016SE/homewo ...
MAX6675操作源码--K型热电偶模数转换器
#define P_TENB PF4_OUT #define P_TSLK PA3_OUT #define P_TDAT PB2_IN //****************************** ...
爆款AR游戏如何打造？网易杨鹏以《悠梦》为例详解前沿技术
本文来自网易云社区. 7月31日,2018云创大会游戏论坛在杭州国际博览中心103B圆满举行.本场游戏论坛聚焦探讨了可能对游戏行业发展有重大推动的新技术.新实践,如AR.区块链.安全.大数据等. 网易 ...
《Beginning Java 7》 - 8 - Collecting Garbage 垃圾回收
Java 垃圾回收机制原理: Java 语言使用 garbage collector 来进行垃圾回收.它是允许在后台的代码,间或地检查没有引用的对象(unreferenced object).发现后, ...
BZOJ4710 分特产
题目链接:戳我容斥题. 设$f[i]$表示至多有i个人能够分到(也就是至少n-i个人分不到)的方案数 $f[i]=\prod_{j=1}^mC_{a[j]+i-1}^i-1$ a[j]表示的 ...
linux 查看进程所在目录
一下内容转自:https://blog.csdn.net/spring21st/article/details/50561550 通过 ps 及 top 命令查看进程信息时,只能查到相对路径,查不到 ...
PHP内核研究静态变量
静态变量它可以是静态全局变量,如果不调用unset,那么这个静态变量会一直存在,直到程序退出时才由Zend内存管理来释放它可以是静态局部变量:在函数里定义,函数执行完后,该静态变量不会消失它 ...
ArchLinux pacman 提高俩倍下载速度方法
pacman能够调用外部下载工具来代替默认的wget来给pacman提速比如将/etc/pacman.conf中 XferCommand = /usr/bin/wget –passive-ftp - ...
centos7中使用Rsync和inotify同步文件
一. 环境说明由于web服务器所提供的网站数据需要保持一致,但当服务器越来越多时,这些主机之间同步网站数据会很麻烦. 解决方案是在后端建立一个数据发布服务器,该服务器作为rsync客户端,通过ino ...

AngularJs学习笔记--Creating Services

AngularJs学习笔记--Creating Services的更多相关文章

随机推荐

热门专题