为什么包含范围不与指令范围同级？

Question

这是我的代码：

<html ng-app="myApp">
<head>            
    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.8/angular.js"></script>          
</head>


<body>
<div ng-controller="Ctrl">
    <testel title="{{data.title}}">
        <input ng-model="data.title">
         <h3>Transclude title: {{title}}</h3>
         <h3>Transclude data title: {{data.title}}</h3>
    </testel>
</div>

 <script>

  angular.module('myApp',[])
.controller('Ctrl',function($scope){
    $scope.data={};
    $scope.data.title="Gas";
})
.directive('testel', function(){
    return {
        restrict: 'E',
        scope: {
            title: '@'
        },
        transclude: true,
        templateUrl:   "./transclude.html",
        link: function(scope, element, attrs, ctrl, transcludeFn) {         
           console.log(scope.$$nextSibling);
        }
    }    
}); 
 </script>    
</body>
</html>

和transclude.html：

<h3>Template title: {{title}}</h3>
<h3>Template data title:{{data.title}}</h3>
<ng-transclude></ng-transclude>

为什么我从 console.log(scope.$$nextSibling) 得到 null？我在等待嵌入范围。

此外，我如何 console.log 嵌入范围本身？

Answer 1

从 Angular 1.3+ 开始，它是独立范围的子项。在此之前，他们是兄妹。

为什么包含范围不与指令范围同级？

Why transclusion scope is not sibling with directive scope?

angularjs

transclusion