繁体   English   中英

angularjs,$ scope参数在后台如何工作?

[英]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.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM