javascript - angularjs 控制器写法
问题描述
angular.module(’myApp’,[]).controller(’DemoController’,[’$rootScope’,’$scope’,’$http’,function($rootScope,$scope,$http){}])angular.module(’myApp’,[]).controller(’DemoController’,function($rootScope,$scope,$http){})
这两种有什么区别?
问题解答
回答1:后面 function 传入的参数无顺序与数量要求.
第一种将传入 function 的变量用字符串 ’$rootScope’,’$scope’,’$http’ 的方式指明, 第二种只是简单的变量名.
因为 js 压缩工具会将 function($rootScope,$scope,$http) 里的 $rootScope,$scope,$http 混淆压缩掉, 比如换成了 function(a,b,c).
代码混淆压缩后 angular 不知道向 function 里传入的参数(或依赖)是啥, 导入压缩后不能运行.
回答2:这是angular依赖注入的两种方式:第一个是行内注入,第二个是推断式注入 (还有一种是显示注入)区别是行内注入:允许我们在函数定义时从行内将参数传入。此外,它可以避免在定义过程中使用临时变量。推断式注入:如果没有明确的声明, Angular会假定参数名称就是依赖的名称,但这个过程只适用于未经过压缩和混淆的代码,因为Angular需要原始未经压缩的参数列表来进行解析。 (不过可以再打包过程中引入gulp-ng-annotate 将推断式注入 会转换成 行内注入)
建议你阅读下angular依赖注入的方法
相关文章:
1. flexbox - css3[flex-shrink]属性在子项有 padding/box-sizing 属性时,是如何计算子项宽度的?2. 【python小白】 问关于property的顺序问题3. 9.png中在同一方向上设置多个拉伸位置,在android studio中怎么弄出来?4. angular.js - angular1如何使用跨域后的得到的数据5. angular.js - 如何在指令里使用ng-click6. android-studio - Android Studio 中有没有类似C#的#if DEBUG功能7. angular.js input输入正确数据框变红色8. JS怎么给每相隔一行的TD添加filter滤镜?9. angular.js - Angular 像这种重复判断的表达式 有什么好的解决办法吗?~10. android-studio - android studio自带模拟器中的本地“图库”所对应的路径是什么?