最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
angularjs中factory,service,provider 自定义服务的不同
时间:2022-11-14 22:02:39 编辑:袖梨 来源:一聚教程网
一,factory,service,provider自定义服务,services.js
| 代码如下 | 复制代码 |
|
'use strict'; /* Services */ var phonecatServices = angular.module('phonecatServices', []); phonecatServices.factory('facetorytest', ['$window', //factory方式 phonecatServices.service('servicetest', ['$window', //service方式 phonecatServices.provider('providertest',[ //provider方式,内置服务不可以注入 |
|
二,controller调用自定义模块,controllers.js
| 代码如下 | 复制代码 |
|
'use strict'; /* Controllers */ var phonecatControllers = angular.module('phonecatControllers', []); //写过js function的对这种调用方式,很熟悉,服务名称不能变 //这种调用方式根jquery非常的像,服务名称也不能变 //以注入的方式来调用,服务名称可以改变 |
|
三,创建app把上面的service和controller接合到一起。app.js
| 代码如下 | 复制代码 |
|
'use strict'; /* App Module */ var phonecatApp = angular.module('phonecatApp', [ |
|
四,html中显示
| 代码如下 | 复制代码 |
|
{{facetorytest}} {{servicetest}} {{providertest}}
显示结果: tank zhang |
|
五,错误纠正
在网上看到,有人说service是不能注入内置服务器的,但是实际操作结果是provider是不能注入内置服务的。我用的angularjs的版本是AngularJS v1.2.14
| 代码如下 | 复制代码 |
|
phonecatServices.provider('providertest',['$window', |
|
相关文章
- 《红色沙漠》地面阿比斯遗迹解谜指南-九大遗迹详细解析 05-03
- 《梦幻魔法公主》晚上游玩介绍 05-03
- 《梦幻魔法公主》能量介绍 05-03
- 《梦幻魔法公主》提升道德介绍 05-03
- 《梦幻魔法公主》与朋友游玩推荐介绍 05-03
- 《吸血鬼爬行者》甲不离身卡牌具体效果介绍 05-03