2
911angular.module('myApp',[])
.controller('DemoController',['$rootScope','$scope','$http',function($rootScope,$scope,$http){
}])
angular.module('myApp',[])
.controller('DemoController',function($rootScope,$scope,$http){
})
这两种有什么区别？
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
收藏
后面
function传入的参数无顺序与数量要求.第一种将传入
function的变量用字符串'$rootScope','$scope','$http'的方式指明, 第二种只是简单的变量名.因为 js 压缩工具会将
function($rootScope,$scope,$http)里的$rootScope,$scope,$http混淆压缩掉, 比如换成了function(a,b,c).代码混淆压缩后 angular 不知道向
function里传入的参数(或依赖)是啥, 导入压缩后不能运行.这是angular依赖注入的两种方式：
第一个是行内注入，第二个是推断式注入 （还有一种是显示注入）
区别是
行内注入：
允许我们在函数定义时从行内将参数传入。此外，它可以避免在定义过程中使用临时变量。
推断式注入：
如果没有明确的声明， Angular会假定参数名称就是依赖的名称，但这个过程只适用于未经过压缩和混淆的代码，因为Angular需要原始未经压缩的参数列表来进行解析。 （不过可以再打包过程中引入gulp-ng-annotate 将推断式注入 会转换成 行内注入）
建议你阅读下angular依赖注入的方法