angularjs依赖服务注入写法的注意点

最新推荐文章于 2023-07-15 10:57:45 发布
原创 最新推荐文章于 2023-07-15 10:57:45 发布 · 986 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#angularjs

本文探讨了Angular.js中服务自动依赖注入的问题，对比了两种不同的实现方式，并指出推荐使用第二种子句形式来避免打包后因压缩局部变量名而导致的服务注入错误。

angular.js一个很好的特性是其服务能自动依赖注入：如你想使用$http服务，只需申明你要使用即可

但我们看看下面两种写法：

第一种
messageService.factory('messageService', function ($resource, $http) { ...

第二种

messageService.factory('messageService', ['$resource', '$http', function ($resource, $http) { ...

两种写法在源码调试时都没有问题

但打包后，第一种写法就跪了，因为打包的时候，压缩了局部变量名，导致$resource, $http被替换成短变量名，故angular.js不知注入何种服务
angular.js为了解决这个问题，推荐第二种写法。

effevo技术团队出品 （https://effevo.com）
这里写图片描述

angular学习（十五）——Provider
独自登高楼 望断天涯路
03-09 7939
转载请写明来源地址：http://blog.youkuaiyun.com/lastsweetop/article/details/60966263Provider简介每个web应用都是由多个对象协作完成的，这些对象需要初始化并连接在一起为app服务。在AngularJS中，app中的大多数对象通过injector服务初始化和连接在一起。Injector创建两种类型的对象，service对象和特别对象。Servi
浅谈angularjs依赖服务注入写法的注意点
10-19
首先，让我们来看一下标题和描述中提到的两种不同的服务注入写法： 1. 第一种写法： ```javascript messageService.factory('messageService', function ($resource, $http) { ... }); ``` 在这个例子中，`$...
angularJs依赖注入写法
fengxfengx的博客
04-27 221
1、显示注入，代码过长，不容易阅读，代码压缩不出错 app.controller('PhoneListCtrl', ['$scope', '$http', function（e, m){ //do something }]);  2、隐示注入，书写简单，但是在js进行压缩时候会出错，因为变量名变短，而依赖注入是基于其服务的名称的 app.controller('PhoneLi...
Angular服务注入
friend_ship的博客
05-25 816
在根组件还是在子组件进行服务注入，该怎么选择？ 取决于想让注入的依赖服务具有全局性还是局部性，由于每个注入器总是将它提供的服务维持单例，因此，如果不需要针对每个组件都提供独立的服务单例，就可以在根组件注入，整个组件树共享根注入器提供的服务实例；如果需要针对每个组件创建不同的服务实例，就应该在各子组件中配置providers元数据来注入服务。
angularJs依赖注入服务
fengxfengx的博客
04-27 315
1、Provider服务（$provide）       $provide服务负责告诉Angular如何创造一个新的可注入的东西：即服务(service)。服务会被叫做provider的东西来定义，你可以使用$provide来创建一个provider。你需要使用$provide中的provider方法来定义一个provider，同时你也可以通过要求改服务被注入到一个应用的config函数中来...
Angular 注入服务 - angular 基础教程
后台模板
02-02 1179
转载自 http://www.ngui.cc/news/show-114.html 新建服务 $ ng g s mail 在命令行窗口运行以上命令后，将输出以下内容： installing service create src/app/mail.service.spec.ts create src/app/mail.service.ts WARNING Service is
Angularjs 依赖压缩及自定义过滤器写法
10-20
整体而言，AngularJS的依赖注入和过滤器功能，使得应用具有高度的可扩展性和维护性，极大地方便了开发者对复杂应用的管理。在编写大型应用时，合理使用依赖注入和过滤器能够使代码结构更清晰，功能更独立，从而提高...
Angularjs中controller的三种写法分享
10-21
该写法直接把依赖服务作为参数传入函数中，AngularJS框架会处理相关的依赖注入过程。 示例代码如下： ```javascript app.controller('AppController', ['$scope', function($scope){ $scope.notifyServiceOnChage...
AngularJS与Parse平台服务集成指南
它利用了 AngularJS 的依赖注入机制和服务（Service）模式，创建了一个名为 `ngParseModule` 的独立模块。这个模块对外暴露一系列可复用的服务对象，如用于数据模型操作的 ParseObject 服务、用户管理的 ParseUser ...
angularjs1.X 自定义服务依赖注入$scope的问题
coding
12-25 566
angularjs1.X 自定义服务依赖注入$scope的问题 依赖注入$scope会报错，建议不注入$scope，如果想使用，可以通过传入值得方式。 $roleCheck.getInfo($scope.config.interfaceURL);  ...
webpack+es6+angular1.x项目构建
weixin_33979203的博客
04-30 229
技术栈概述 ES2015(ES6) 大名ES2015，顾名思义是 ECMAScript 在2015年6月正式发布的一套标准。小名ES6，意为ECMAScript第六次变更。（JavaScript 是 ECMAScript 规范的一种实现）。如今已慢慢替代ES5，成为JS主流的开发规范，新增很多语法糖，大大提高开发效率。 webpack 一...
AngularJS Cookies 的使用
xyphf的博客
03-29 2391
原文：https://my.oschina.net/loveking/blog/209484摘要: AngularJS 是一个强大的框架， 这里主要是记载一些小技巧的积累AngularJS Cookies Example AngularJS 提供了很好的[美元符] cookie 和[美元符] cookieStore API 用来处理 cookies 。 这两个服务都能够很好的发挥HTML5 coo
AngularJS 的依赖注入机制是怎样的？
网络技术联盟站
07-15 246
依赖注入是一种软件设计模式，通过将组件的依赖关系从组件内部移出来，由外部系统负责提供这些依赖。这种解耦的设计方式使得组件更加独立、可重用，并且易于测试和维护。在 AngularJS 中，我们可以使用$provide服务来定义依赖关系。通过调用$provide的各种方法，我们可以注册服务、值、工厂函数等不同类型的依赖，供其他组件使用。AngularJS 的依赖注入机制为前端开发提供了一种强大的工具，以管理复杂的依赖关系和提高代码的可维护性。
跟我学AngularJs:Service、Factory、Provider依赖注入使用与区别
Evankaka的专栏
04-13 1万+
用有过Spring的人都知道，Spring的核心思想就是DI(依赖注入,Dependency Injection)和IOC(控制反转 Invension of Controller),AngularJS的service其实就是用到了这里的DI思想，那么什么叫做DI?所谓DI，就是指对象是被动接受依赖类而不是自己主动去找，换句话说就是指对象不是从容器中查找它依赖的类，而是在容器实例化对象的时候主动将它依赖的类注入给它。我个人的理解就是，你在实例化一个类时，它会自动去实例化它里面所用到的其它实例。所以这就叫依赖
angularjs service中依赖注入$scope报错解决方式
WhoWrongsWhere的专栏
07-28 7349
控制台错误提示 ionic.bundle.js:26794 Error: [$injector:unpr] Unknown provider: $scopeProvider <- $scope <- DutylogService http://errors.angularjs.org/1.5.3/$injector/unpr?p0=copeProvider%20%3C-%20%24scope%
Angular报注入错误，以及解决方式..$injector:unpr]
热门推荐
庸医2048的博客
08-22 5万+
1、到页面是，发现在console报以下的错误，$injector:unpr  angular.min.js:93Error: [$injector:unpr] http://errors.angularjs.org/1.2.29/$injector/unpr?p0=prizeProvider%20%3C-%20prize 这就是说明 prize没有注入进去，下面接着看是为什么。 2
AngularJs依赖注入的一个错误，代码不报错但代码也一句都不执行
诚
11-16 692
百度找来找去没找到答案，最后想到还是去看看官方文档吧 结果：顺序必须完全一致，我检查来检查去没想到是这个问题。 以后找不到bug产生的原因多看看文档吧。。。 ...
AngularJS 依赖注入解析
技术玄关
03-26 2万+
本文结合一些资料，谈谈AngularJS的依赖注入机制。主要参考资料有： 1. AngularJS官方文档：https://docs.angularjs.org/guide/di 2. Github文章：https://github.com/angular/angular.js/wiki/Understanding-Dependency-Injection 3. 专著：Pro Angular
Angularjs中service与controller注入
嗡汤圆的博客
08-09 6235
下文以controller以及service注入为例说明。代码中的scope,scope, http本身也是注入形式引入的。它们是AngularJs自身封装的对象。controller相比于网上常常看到的教程，新版AngularJs(1.3.x)以后对于controller声明有一些限制。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值