angular学习笔记--服务的三种定义方式

我就是我 2022-07-16 05:46 178阅读 0赞

angularjs 中可通过三种（$provider,$factory,$service）方式自定义服务，以下是不同的实现形式：

// 定义module , module中注入$provide

var starterApp = angular.module('starter.controllers', \[\],function($provide)\{

// 第一种方式：使用provide的provider自定义服务

$provide.provider('getUserInfoService', function()\{

this.$get = function()\{

var userInfo = \[\{

'userName':'张三0',

'userNick':'小花0',

'age':25

\},\{

'userName':'张三1',

'userNick':'小花1',

'age':26

\}\];

return userInfo;

\}

\});

$provide.factory('',function()\{\});

$provide.service('',function()\{\});

\});

//第二种方式 (module 的 config 方法中注入 $provide)

starterApp.config(\['$provide',function($provide) \{

// 使用provide的provider自定义服务(返回对象，字符串，服务,且必须通过$get方法返回)

$provide.provider('getUserAddressService', function()\{

var \_userAddress = '';

var service = \{\};

this.$get = function()\{

service.setAddress = function (userAddress)\{

\_userAddress = userAddress;

\}

service.getAddress = function ()\{

return \_userAddress;

\}

return service;

\}

\});

// 使用provide的factory自定义服务（返回对象，服务，字符串）

$provide.factory('serviceName1', \['$http', function($http)\{

// var service = \{\};

// service.getName = function ()\{

// return '张三';

// \}

// return service;

//

return "啊飒飒大";

\}\]);

// 使用provide的service自定义服务(返回对象，服务)

$provide.service('serviceName2', \['$http', function($http)\{

// return \{

// 'name':'aa'

// \};

//可直接通过this定义方法

this.getName = function ()\{

return '张三';

\}

\}\])

\}\]);

//第三种方式（module 的 provider、service、factory 方法 推荐第三种）

starterApp.provider('serviceName3',function()\{

this.$get = function ()\{

return '直接通过module的provider方法定义服务';

\}

\});

starterApp.factory('serviceName4',function()\{

return '直接通过module的factory方法定义服务';

\});

starterApp.service('serviceName5',function()\{

return \{

'message':'直接通过module的service方法定义服务'

\}

\});

发表评论取消回复

表情：

评论列表（有 0 条评论，178人围观）

还没有评论，来说两句吧...

相关阅读

相关 springCloud服务降级的三种方式

1. 使用Hystrix配置降级，降级方法写在Controller中,每个方法写一个 pom导入依赖： ![在这里插入图片描述][2020052316

灰太狼/ 2024年04月08日 11:57/ 0 赞/ 110 阅读

相关 angular 路由传参的三种方式

1.问号后面带的参数 url：[http://localhost:4200/news?key=japan][http_localhost_4200_news_key_japa

r囧r小猫/ 2023年03月13日 05:18/ 0 赞/ 19 阅读

相关 springCloud服务降级的三种方式

1. 使用Hystrix配置降级，降级方法写在Controller中,每个方法写一个 pom导入依赖： ![在这里插入图片描述][2020052316

客官°小女子只卖身不卖艺/ 2023年02月11日 11:28/ 0 赞/ 52 阅读

相关 Angular 服务端渲染(SSR) 学习笔记

文章目录 1 服务器端渲染（SSR） 2 SSR的利弊 2.1 SSR的优势 2.2 SSR的局限 3 Angular Un

布满荆棘的人生/ 2022年12月19日 13:20/ 0 赞/ 280 阅读

相关 Python定义函数的三种方式

1.空函数当你只知道你需要实现某个功能，但不知道该如何用代码实现时，你可以暂时写个空函数，然后先实现其他的功能。 def get_test1():

左手的ㄟ右手/ 2022年10月09日 00:36/ 0 赞/ 213 阅读

相关【Spring学习笔记三】-依赖注入的两种方式

依赖注入通常有两种方式：设值注入和构造注入。设值注入，即Spring容器使用属性的setter方法来注入被依赖的实例。构造注入，即Spring容器使用构造器来注入被依赖

迷南。/ 2022年07月19日 11:59/ 0 赞/ 303 阅读

相关 angular学习笔记--服务的三种定义方式

angularjs 中可通过三种（$provider,$factory,$service）方式自定义服务，以下是不同的实现形式： // 定义module , module中注

我就是我/ 2022年07月16日 05:46/ 0 赞/ 179 阅读

相关 Javascript定义对象的三种方式

1. js是基于原型、基于对象、解释型、弱类型语言。 2. 它不是面向对象，通常用函数来拟对象。 3. 通常有三种定义方式，而我们通常看到的json对象形式便是其中一种。

﹏ヽ暗。殇╰゛Y/ 2022年05月15日 10:55/ 0 赞/ 219 阅读

相关 Angular学习笔记9：服务（Service）（2）

可观察的对象（observable）的数据 `在现在的是情况下：HeroService.getHeroes()` 的函数签名是同步的，它所隐含的假设是 `HeroServ

阳光穿透心脏的1/2处/ 2022年05月08日 07:34/ 0 赞/ 232 阅读

相关 Angular学习笔记－

１．　angular添加input ，做双向绑定时遇到： ![70][] 解决措施: 在　app.module.ts　里面添加： import { F

亦凉/ 2021年10月09日 04:22/ 0 赞/ 335 阅读