[英]angularjs, how $scope parameter works behind the scenes?
控制器将匿名函数作为第二个参数。
我有两个控制器示例,一个使用匿名函数将nothing作为参数,第二个使用$scope
对象。
“位于幕后”的angularjs如何检测我的匿名函数是否带有参数? 以及如何在自定义js方法中模仿呢?
controller('ctrl',function(){
console.log( arguments[0] ); // ->> undefined
});
VS
controller('ctrl',function($scope){
console.log( arguments[0] ); // ->> js object
});
我在想的伪代码是这样的:
( if F has parameters ) F.bind($scope) // or F.call(....)
作为记录在这里
Angular将使用指定的Controller的构造函数实例化一个新的Controller对象。 将创建一个新的子作用域,并将其作为可注入参数提供给Controller的构造函数$ scope。
因此,传递给Controller的构造函数的第一个参数是子作用域实例$ scope。 由于arguments
对象是与传递给函数的参数相对应的类似Array的对象,因此打印arguments [0]将打印第一个传递的参数(即$ scope)。
这是angular的依赖注入的工作方式:它查看args名称,然后查找它以知道要注入什么。
您可以在此处找到特定的代码:
https://github.com/angular/angular.js/blob/master/src/auto/injector.js#L72
Angular从三个位置之一获取要注入的对象的名称(仅使用存在的对象中的第一个):
$inject
属性 toString()
并从中提取名称来检查该函数实际期望的参数。 一旦具有名称列表,注入器将首先在可传递给注入器的映射对象中找到对象,然后在已注册到可用角度模块中的对象中找到对象。 再次使用第一个匹配对象,因此调用控制器的代码将唯一的$scope
对象传递给每个控制器的注入器,但是您可以使用的大多数其他名称(例如,用于服务)都是单例,并且每次都重复使用同一对象。
您可以自己使用注射器:
var injector = angular.injector();
function MyFunction(something) { ... }
injector.invoke(MyFunction, this, { something: anObject });
参见https://docs.angularjs.org/api/auto/service/ $ injector
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.