angularJs依赖注入写法
2016-04-27 11:01
627 查看
1、显示注入,代码过长,不容易阅读,代码压缩不出错
app.controller('PhoneListCtrl', ['$scope', '$http', function(e, m){ //do something }]);
2、隐示注入,书写简单,但是在js进行压缩时候会出错,因为变量名变短,而依赖注入是基于其服务的名称的
app.controller('PhoneListCtrl', function($scope, $http){ //do something });
3、大家推荐$inject的方式,你可以参考JohnPapa的 Angular Style Guide
app.controller('PhoneListCtrl', PhoneListCtrl); PhoneListCtrl.$inject = ['$scope', '$http']; function PhoneListCtrl($scope, $http){ }
另外多说一句,无论你采用那一种,在代码压缩时,其实是不用担心的,因为有插件会帮我们进行依赖注入,无论你使用的是gulp还是grunt,会有一个插件 ng-annotate 帮助你进行依赖注入的添加。
相关文章推荐
- angularjs 依赖注入的写法问题
- angularjs 依赖注入3种写法
- angularjs依赖服务注入写法的注意点
- 浅谈angularjs依赖服务注入写法的注意点
- angularJS依赖注入
- AngularJs 基础教程 —— 依赖注入
- Angularjs 依赖压缩及自定义过滤器写法
- AngularJS的依赖注入方式
- 理解AngularJS中的依赖注入
- AngularJS入门教程05:XHR和依赖注入 遇到的问题
- AngularJs的路由、模块化与依赖注入
- angularjs的三种注入方式写法
- angularJS依赖注入
- AngularJS入门教程之XHR和依赖注入详解
- AngularJs 基础教程 —— 依赖注入
- 详解AngularJS中的依赖注入
- AngularJS中的依赖注入
- AngularJs路由、模块、依赖注入案例
- angularjs 依赖注入原理与实现
- 详解Angularjs中的依赖注入