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