AngularJs创建服务

在开发中我们总是需要向服务器请求同样的数据,那么我们如何来把他们提取出来进行封装一下呢,这就需要用到服务了.

需要用到关键字factory了.

 1 <!DOCTYPE html>
 2 <html ng-app="factoryModule">
 3 <head lang="en">
 4     <meta charset="UTF-8">
 5     <title></title>
 6     <script type="text/javascript" src="js/angular1.3.14.min.js"></script>
 7 </head>
 8 <body ng-controller="factoryController">
 9     <div ng-repeat="item in items">
10         <p id="{{item.age}}">{{item.name}</p>
11     </div>
12 <script>
13     var myModule=angular.module("factoryModule",[]);
14     myModule.factory("Items", function () {
15         //正常情况下这里的数据是需要到服务器那边去获取的.
16         return [
17             {age:23,name:"张三丰"},
18             {age:24,name:"郭美美"},
19             {age:22,name:"凤姐"}
20         ]
21     });
22     myModule.controller("factoryController", function ($scope,Items) {
23         $scope.items=Items;
24     });
25 </script>
26 </body>
27 </html>
时间: 2024-10-13 03:55:47

AngularJs创建服务的相关文章

自学angular系列-----创建服务

在angualr应用中,factory方法是用来注册服务的最常规方式,其实总结了一下,一共有5种方式来创建服务: 1.    factory() factory方法是创建和配置服务最快捷的方式:接受两个参数: name(字符串):需要注册的服务名: getFn(函数):这个函数会在angularJs创建服务实例时被调用. var formApp = angular.module("formApp",["ngRoute"]); formApp.factory(&quo

AngularJS开发指南15:AngularJS的创建服务,将服务注入到控制器,管理服务依赖详解

创建服务 虽然AngularJS提供了很多有用的服务,但是如果你要创建一个很棒的应用,你可能还是要写自己的服务.你可以通过在模块中注册一个服务工厂函数,或者通过Module#factory api或者直接通过模块配置函数中的$provide api来实现. 所有的服务都符合依赖注入的原则.它们用一个唯一的名字将自己注册进AngularJS的依赖注入系统(injector),并且声明需要提供给工厂函数的依赖.它们的依赖在测试中可以是虚拟的,这使得它们能很好地被测试. 注册服务 要注册服务,你首先要

Angularjs 自定义服务 provide 里 provider 方法 以及 factory、 service 方法以及 provider 供应商的概念

Angularjs 自定义服务 provide 里 provider 方法 以及factory. service 方法以及 provider 供应商的概念 学习要点:1. Angularjs 中的 provider 方法2. Angularjs 中的 factory 方法3. Angularjs 中的 service 方法4. provider 供应商的概念5. 研究 ionic 代码中的 services 当你初试 Angular 时,很自然地就会往 controller 和 scope 里堆

angularJs自定义服务

在AngularJS中,系统内置的服务都是以$开头,所以我们的自定义服务尽量避免以$开头.自定义服务的方式有如下几种: 使用Module的provider方法 使用Module的factory方法 使用Module的service方法 使用provider方法 app.provider('myProvider', function () { this.$get = function () { //do somthing }; }); 通过provider方法创建的服务一定要包含$get方法,pr

angularJS——自定义服务provider之$get

可以认为provider有三个部分: 第一部分是私有变量和私有函数,这些变量和函数会在以后被修改. 第二部分是在app.config函数里可以访问的变量和函数,所以,他们可以在其他地方使用之前被修改.注意,这些变量和函数一定要添加到this上面才行. 第三部分是在控制器里可以访问的变量和函数,通过$get函数返回. 当使用 provider创建服务的时候,唯一可以让控制器访问的属性和方法是在$get()函数里返回的属性和方法. [参考资料:http://sanwen8.cn/p/159AEt2.

Angularjs创建service的5种方法

1.类型一 类型                适合使用场景(reson理由) module.value  存储简单的值在运行期间可以进行更改. 2.类型二 module.constant  存储简单的值在运行期间不去更改. 3.类型三 module.service     用构造方法(constructor  method)来创建服务(service),对于喜欢面向对象编程的开发者来说更适合,就像使用rhis关键字一样. 4类型四 module.factory     用构造函数(constr

带你走近AngularJS - 创建自定义指令

为什么使用AngularJS 指令? 使用过 AngularJS 的朋友应该最感兴趣的是它的指令.现今市场上的前端框架也只有AngularJS 拥有自定义指令的功能,并且AngularJS 是目前唯一提供Web应用可复用能力的框架. 目前有很多JavaScript 产品提供插件给Web开发人员.例如, Bootstrap 就是当前比较流行的提供样式和JavaScript插件的前端开发工具包.但是开发人员在使用Booostrap中的插件时, 必须切换到JavaScript 模式来写 jQuery

使用AngularJS创建应用的5个框架(转)

原文地址:http://www.php100.com/html/dujia/2015/0206/8580.html 本文由PHP100中文网编译,转载请看文末的转载要求,谢谢合作! 如果你计划使用AngularJS创建你的Web应用,那现在就开始吧.你不需要有任何的恐惧和担心,因为现在有很多的框架都可以很好地支持 AngularJS.这些框架都有事先安装的Web组件,使用它们可以帮助你快速进行项目开发.这里列举5个这样的框架,帮助你使用AngularJS构 建Web应用.更多的框架资源,可以参考

用delphi创建服务程式

视窗系统 2000/XP和2003等支持一种叫做"服务程式"的东西.程式作为服务启动有以下几个好处: (1)不用登陆进系统即可运行. (2)具有SYSTEM特权.所以你在进程管理器里面是无法结束他的. 笔者在2003年为一公司研发机顶盒项目的时候,原来写过课件上传和媒体服务,下面就介绍一下怎么用Delphi7创建一个Service程式. 运行Delphi7,选择菜单File-->New-->Other--->Service Application.将生成一个服务程式的