AngularJS进阶(三十三)书海拾贝之简介AngularJS中使用factory和service的方法_calcservice angular(2)

最新推荐文章于 2024-08-15 18:19:19 发布

2401_84616444

最新推荐文章于 2024-08-15 18:19:19 发布

阅读量419

点赞数 5

分类专栏：程序员文章标签：前端面试学习

本文链接：https://blog.csdn.net/2401_84616444/article/details/138920615

版权

程序员专栏收录该内容

106 篇文章 1 订阅

订阅专栏

算法

冒泡排序
选择排序
快速排序
二叉树查找: 最大值、最小值、固定值
二叉树遍历
二叉树的最大深度
给予链表中的任一节点，把它删除掉
链表倒叙
如何判断一个单链表有环

由于篇幅限制小编，pdf文档的详解资料太全面，细节内容实在太多啦，所以只把部分知识点截图出来粗略的介绍，每个小节点里面都有更细化的内容！

如果你觉得对你有帮助，可以戳这里获取：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

简介AngularJS中使用factory和service的方法

AngularJS支持使用服务的体系结构“关注点分离”的概念。服务是JavaScript函数，并负责只做一个特定的任务。这也使得他们成为维护和测试的单独实体。控制器，过滤器可以调用它们作为需求的基础。服务使用AngularJS的依赖注入机制注入正常。

AngularJS提供例如许多内在的服务，如： $h ttp,$ route, $w in d o w,$ location等。每个服务负责例如一个特定的任务， $h ttp 是用来创建 A J A X 调用，以获得服务器的数据。$ route用来定义路由信息等。内置的服务总是前缀$符号。

这里介绍两种方法来创建服务：工厂、服务

使用工厂方法

对于已经存在实例对象的服务，Factory优先，直接返回这个对象。如：在多个Controller之间共享传递数据；对$resource的请求资源的封装。

使用工厂方法，我们先定义一个工厂，然后分配方法给它。

   var mainApp = angular.module("mainApp", []);
   mainApp.factory('MathService', function() {   
     var factory = {}; 
     factory.multiply = function(a, b) {
      return a * b 
     }
     return factory;
   });

使用服务方法

对于需要new创建的服务而言，则Service优先，Angular会自动new并创建这个对象实例。Service更容易组织一组相同业务逻辑的API,使得业务逻辑更加的内聚。

使用服务的方法，我们定义了一个服务，然后分配方法。还注入已经可用的服务。

mainApp.service('CalcService', function(MathService){
  this.square = function(a) { 
 return MathService.multiply(a,a); 
 }
});

例子

下面的例子将展示上述所有指令。

testAngularJS.html

<html>
<head>
  <title>Angular JS Forms</title>
</head>
<body>
  <h2>AngularJS Sample Application</h2>
  <div ng-app="mainApp" ng-controller="CalcController">
   <p>Enter a number: <input type="number" ng-model="number" />
   <button ng-click="square()">X<sup>2</sup></button>


### 最后

**前端CSS面试题文档，JavaScript面试题文档，Vue面试题文档，大厂面试题文档**

**[开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】](https://bbs.csdn.net/forums/4304bb5a486d4c3ab8389e65ecb71ac0)**

![](https://img-blog.csdnimg.cn/img_convert/2b5348a2340fda1067aea239e9be0585.webp?x-oss-process=image/format,png)

![](https://img-blog.csdnimg.cn/img_convert/1625c246a82ee584a7f9b53c448d70f4.webp?x-oss-process=image/format,png)



ums/4304bb5a486d4c3ab8389e65ecb71ac0)**

[外链图片转存中...(img-QPBtQdiG-1715772716533)]

[外链图片转存中...(img-6PHAQIYI-1715772716534)]

2401_84616444

关注

5
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
AngularJS进阶(三十三)书海拾贝之简介AngularJS中使用factory和service的方法_calcservice angular(2)

AngularJS支持使用服务的体系结构“关注点分离”的概念。服务是JavaScript函数，并负责只做一个特定的任务。这也使得他们成为维护和测试的单独实体。控制器，过滤器可以调用它们作为需求的基础。服务使用AngularJS的依赖注入机制注入正常。httphttp,httproute,windowwindow,windowlocation等。每个服务负责例如一个特定的任务，http是用来创建AJAX调用，以获得服务器的数据。
复制链接

扫一扫