深究AngularJS——自定义服务详解(factory、service、provider)
来源:互联网 发布:飞秋2013正式版 mac版 编辑:程序博客网 时间:2024/05/16 10:48
前言
- 3种创建自定义服务的方式。
- Factory
- Service
- Provider
- 大家应该知道,AngularJS是后台人员在工作之余发明的,他主要应用了后台早就存在的分层思想。所以我们得了解下分层的作用,如果你是前端人员不了解什么是分层,那么你最好问问你后台的小伙伴。
dao层:就是Model层,在后台时,这一层的作用,就要是写与数据库交互数据的一层,在angularJS里就主要是写ajax的。
service层:主查写逻辑代码的,但在angularJS里也可以持久化数据(充当数据容器),以供不同的controller高用。
controller层:即控制层,在angularJS里就是写控制器的。控制器里尽量不要写那些不必要的逻辑,尽量写在service层里。
所以,就有了创建自定义服务的三种方式。
factory
factory方式创建的服务,作用就是返回一个有属性有方法的对象。相当于:var f = myFactory();
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 15
- 16
- 17
- 18
- 19
- 20
- 21
- 22
- 23
- 24
- 25
- 26
- 27
- 28
- 29
- 30
- 31
- 32
- 33
- 34
- 35
- 36
- 37
- 38
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 15
- 16
- 17
- 18
- 19
- 20
- 21
- 22
- 23
- 24
- 25
- 26
- 27
- 28
- 29
- 30
- 31
- 32
- 33
- 34
- 35
- 36
- 37
- 38
在自定义服务里注入服务示例,但不能注入$scope作用域对象。
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 15
- 16
- 17
- 18
- 19
- 20
- 21
- 22
- 23
- 24
- 25
- 26
- 27
- 28
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 15
- 16
- 17
- 18
- 19
- 20
- 21
- 22
- 23
- 24
- 25
- 26
- 27
- 28
service
通过service方式创建自定义服务,相当于new的一个对象:var s = new myService();,只要把属性和方法添加到this上才可以在controller里调用。
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 15
- 16
- 17
- 18
- 19
- 20
- 21
- 22
- 23
- 24
- 25
- 26
- 27
- 28
- 29
- 30
- 31
- 32
- 33
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 15
- 16
- 17
- 18
- 19
- 20
- 21
- 22
- 23
- 24
- 25
- 26
- 27
- 28
- 29
- 30
- 31
- 32
- 33
3.provder
只有provder是能传 .config() 函数的 service。如果想在 service 对象启用之前,先进行模块范围的配置,那就应该选择 provider。需要注意的是:在config函数里注入provider时,名字应该是:providerName+Provider.
使用Provider的优点就是,你可以在Provider对象传递到应用程序的其他部分之前在app.config函数中对其进行修改。
当你使用Provider创建一个service时,唯一的可以在你的控制器中访问的属性和方法是通过$get()函数返回内容。
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 15
- 16
- 17
- 18
- 19
- 20
- 21
- 22
- 23
- 24
- 25
- 26
- 27
- 28
- 29
- 30
- 31
- 32
- 33
- 34
- 35
- 36
- 37
- 38
- 39
- 40
- 41
- 42
- 43
- 44
- 45
- 46
- 47
- 48
- 49
- 50
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 15
- 16
- 17
- 18
- 19
- 20
- 21
- 22
- 23
- 24
- 25
- 26
- 27
- 28
- 29
- 30
- 31
- 32
- 33
- 34
- 35
- 36
- 37
- 38
- 39
- 40
- 41
- 42
- 43
- 44
- 45
- 46
- 47
- 48
- 49
- 50
4.在过滤器中注入自定义服务
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 15
- 16
- 17
- 18
- 19
- 20
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 15
- 16
- 17
- 18
- 19
- 20
阅读全文
0 0
- 深究AngularJS——自定义服务详解(factory、service、provider)
- 深究AngularJS——自定义服务详解(factory、service、provider)
- 深究AngularJS——自定义服务详解(factory、service、provider)
- 深究AngularJS——自定义服务详解(factory、service、provider)
- 深究AngularJS——自定义服务详解(factory、service、provider)
- 《AngularJS》------自定义服务 provider、service、factory
- angularJs自定义服务(factory,service,provider)
- 自定义服务详解(factory、service、provider)
- AngularJS服务(Factory/Provider/Service)
- angularjs factory,service,provider 自定义服务的不同
- Angularjs service factory provider
- AngularJS的自定义服务,factory、provider、service、constant、value等方法的区别
- AngularJS服务之 Factory vs Service vs Provider
- AngularJS Provider/Service/Factory 使用
- angularJs中factory,service,provider
- AngularJS: Factory vs Service vs Provider
- AngularJS之Factory vs Service vs Provider
- AngularJS: Factory vs Service vs Provider
- vim/vi指令
- python作业2
- OracleOCM认证
- Android——机制篇:Android中的接口回调机制
- 王爽.汇编.第三版.实验16.答案
- 深究AngularJS——自定义服务详解(factory、service、provider)
- # 虚拟机中centos service restart 问题和yum 无法使用问题
- 一种面向搜索引擎的中文切分词方法
- SpringMVC中乱码问题解决
- 程序的内存布局——函数调用栈的那点事
- mac平台Charles抓包 Android手机 https
- java对象与json对象间的相互转换
- fastjson使用(一) -- 最常用的功能[构造和解析JSON]
- jsp实现表格联动