angularjs 依赖注入的写法问题
2016-09-09 10:51
393 查看
首先格式化一下你的代码:
显示注入,代码过长,不容易阅读,代码压缩不出错
隐示注入,书写简单,但是在js进行压缩时候会出错,因为变量名变短,而依赖注入是基于其服务的名称的
大家推荐$inject的方式
另外多说一句,无论你采用那一种,在代码压缩时,其实是不用担心的,因为有插件会帮我们进行依赖注入,无论你使用的是gulp还是grunt,会有一个插件 ng-annotate 帮助你进行依赖注入的添加。
举个例子
显示注入,代码过长,不容易阅读,代码压缩不出错
app.controller('PhoneListCtrl', ['$scope', '$http', function($scope, $http){ //do something }]);
隐示注入,书写简单,但是在js进行压缩时候会出错,因为变量名变短,而依赖注入是基于其服务的名称的
app.controller('PhoneListCtrl', function($scope, $http){ //do something });
大家推荐$inject的方式
app.controller('PhoneListCtrl', PhoneListCtrl); PhoneListCtrl.$inject = ['$scope', '$http']; function PhoneListCtrl($scope, $http){ }
另外多说一句,无论你采用那一种,在代码压缩时,其实是不用担心的,因为有插件会帮我们进行依赖注入,无论你使用的是gulp还是grunt,会有一个插件 ng-annotate 帮助你进行依赖注入的添加。
举个例子
app.controller('PhoneListCtrl', PhoneListCtrl); /* @ngInject */ function PhoneListCtrl($scope, $http){ }
相关文章推荐
- angularjs依赖服务注入写法的注意点
- angularJS依赖注入时候的顺序问题
- Angularjs MVC 以及 $scope 作用域 Angularjs 模块 的 run 方法 以及依赖注入中代码压缩问题
- 浅谈angularjs依赖服务注入写法的注意点
- 【AngularJS】2.AngularJS依赖注入中代码压缩的问题
- angularjs 依赖注入3种写法
- AngularJS开发指南10:AngularJS依赖注入的详解
- AngularJS中的依赖注入
- AngularJS中的依赖注入
- 用Entities Framework实现代码优先和依赖注入所遇到的问题总结
- AngularJs-MVC之路由、模块以及依赖注入
- AngularJS的依赖注入方式
- 转: 理解AngularJS中的依赖注入
- 使用spring的aop实现权限拦截后出现依赖注入为空的问题
- AngularJs依赖注入的研究
- 使用spring的aop实现拦截action后出现依赖注入为空的问题
- 详解AngularJS中的依赖注入
- AngularJS开发指南14:依赖注入
- 理解AngularJS中的依赖注入
- MVC 2.0+Entity Framework在使用依赖注入时遇到的问题