AngularJs  Creating Services详解及示例代码  更新时间:2016年09月02日 15:04:49   作者:Lcllao   本文主要介绍AngularJs 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(https://www.jb51.net/article/91775.htm)中,既可以通过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不仅仅可以被依赖,更可以拥有自己的依赖。可以在工厂方法的参数中指定依赖。阅读(https://www.jb51.net/article/91775.htm)更多关于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显示所有通知。 services save msg {{msg}} 三、Instantiating Angular Services   所有在angular中的service都是延迟实例化的(lazily)。这意味着service仅仅在其他依赖它的已实例化的service或者应用组件中被依赖时,才会创建。换句话说,angular直到服务被直接或者间接请求时候,才会实例化service。 四、Services as singletons   最后,我们必须意识到所有angular service都是一个单例应用。这意味着每一个injector中有且只有一个给定service的实例。由于angular是极其讨厌破坏global state的,所以创建多个injector,使每一个都有指定service的实例是可行的,除了在测试中有强烈的需求外,一般很少有这样的需要。  以上就是关于Angular Services 的资料整理,后续继续补充相关资料,谢谢大家对本站的支持! 您可能感兴趣的文章: AngularJS入门教程之服务(Service) angularJS Provider、factory、service详解及实例代码 简介AngularJS中使用factory和service的方法 简介AngularJS中$http服务的用法 AngularJS中$http服务常用的应用及参数 Angularjs 自定义服务的三种方式(推荐) AngularJs自定义服务之实现签名和加密 AngularJS 服务详细讲解及示例代码 AngularJS入门教程之REST和定制服务详解 AngularJS通过$http和服务器通信详解 AngularJS服务service用法总结 AngularJs Creating Services 相关文章 AngularJS 中的事件详解 本文主要介绍AngularJS 事件,这里整理了相关资料,比较详细的介绍了AngularJS的使用方法,有需要的小伙伴参考下 2016-07-07 AngularJS模糊查询功能实现代码(过滤内容下拉菜单排序过滤敏感字符验证判断后添加表格信息) 最近做项目遇到这样的需求,要求添加球员的功能,具体样式没做具体要求,下面小编给大家带来了AngularJS模糊查询功能实现代码(过滤内容下拉菜单排序过滤敏感字符验证判断后添加表格信息),感兴趣的朋友一起看看吧 2017-10-10 Angular js 实现添加用户、修改密码、敏感字、下拉菜单的综合操作方法 这篇文章主要介绍了Angular js 实现添加用户、修改密码、敏感字、下拉菜单的综合操作方法,需要的朋友可以参考下 2017-10-10 angular实现图片懒加载实例代码 本篇文章主要介绍了angular实现图片懒加载实例代码,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧 2017-06-06 Angular 2父子组件数据传递之@ViewChild获取子组件详解 这篇文章主要给大家介绍了关于Angular 2父子组件数据传递之@ViewChild获取子组件的相关资料,文中通过示例代码介绍的非常详细,对大家具有一定参考学习价值,需要的朋友们下面来一起看看吧。 2017-07-07 AngularJS与后端php的数据交互方法 今天小编就为大家分享一篇AngularJS与后端php的数据交互方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧 2018-08-08 总结AngularJS开发者最常犯的十个错误 AngularJS是如今最受欢迎的JS框架之一,简化开发过程是它的目标之一,这使得它非常适合于元型较小的apps的开发,但也扩展到具有全部特征的客户端应用的开发。下面给大家总结了AngularJS开发者最常犯的十个错误,有需要的可以参考学习下。 2016-08-08 angular中使用Socket.io实例代码 本篇文章主要介绍了angular中使用Socket.io实例代码,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧 2017-06-06 详解angular用$sce服务来过滤HTML标签 这篇文章主要介绍了详解angular用$sce服务来过滤HTML标签,具有一定的参考价值,感兴趣的小伙伴们可以参考一下。 2017-04-04 Angularjs 实现分页功能及示例代码 这篇文章主要介绍了Angularjs 实现分页功能及示例代码的相关资料,需要的朋友可以参考下 2016-09-09 最新评论

虽然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(https://www.jb51.net/article/91775.htm)中,既可以通过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不仅仅可以被依赖,更可以拥有自己的依赖。可以在工厂方法的参数中指定依赖。阅读(https://www.jb51.net/article/91775.htm)更多关于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的实例是可行的,除了在测试中有强烈的需求外,一般很少有这样的需要。

 以上就是关于Angular Services 的资料整理,后续继续补充相关资料,谢谢大家对本站的支持!

您可能感兴趣的文章:

  • AngularJS入门教程之服务(Service)
  • angularJS Provider、factory、service详解及实例代码
  • 简介AngularJS中使用factory和service的方法
  • 简介AngularJS中$http服务的用法
  • AngularJS中$http服务常用的应用及参数
  • Angularjs 自定义服务的三种方式(推荐)
  • AngularJs自定义服务之实现签名和加密
  • AngularJS 服务详细讲解及示例代码
  • AngularJS入门教程之REST和定制服务详解
  • AngularJS通过$http和服务器通信详解
  • AngularJS服务service用法总结
张贴在3