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

我就是我 2022-07-16 05:46 169阅读 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 条评论，169人围观）

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

相关阅读

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

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

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

相关 PHP中字符串的三种定义方式

PHP中字符串的三种定义方式单引号：单引号不能解析变量，单引号不能解析转义字符，只能解析单引号和反斜线本身。变量和变量，变量和字符串，字符串和字符串之间可以用点

一时失言乱红尘/ 2023年10月06日 17:09/ 0 赞/ 48 阅读

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

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

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

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

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

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

相关 MySQL 自定义排序的三种方式

文章目录【问题描述】【需求描述】【代码】【函数参考】

深碍√TFBOYSˉ_/ 2022年08月28日 13:49/ 0 赞/ 202 阅读

相关 JavaScript中函数定义的三种方式

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR

你的名字/ 2022年08月04日 11:46/ 0 赞/ 211 阅读

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

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

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

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

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

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

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

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

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

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

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

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