javascript - scope.$$childHead 是什么？

Question

我决定是时候探索测试指令隐藏的一面了，现在当我用一个具有独立范围的指令做一些事情时:

parentScope = $rootScope.$new()
parentScope.dasDingy = "bla bla dingy"
element = angular.element("<foo dingy='dasDingy'></foo>")
$compile(element)(parentScope)
$rootScope.$digest()

scope = angular.element(element).scope()
console.log(scope.dingy) //  is undefined --- Nah, ain't exist
//  but, if I do
console.log(scope.$$childHead.dingy) // it exists and it's == 'bla bla dingy'

那么，scope.$$childHead 到底是什么，为什么不能直接在作用域上访问它？或者我在这里做了一些愚蠢的事情？

Answer 1

在这种情况下 scope.$$childHead是 <foo> 的隔离范围指示。参见 here in the source code何时何地this.$$childHead被安排了。查看 this plnkr 中的控制台输出例如，使用具有不同类型范围(共享、隔离、新)的指令。