AngularJS chỉ thị transclude phạm vi = sai?

Question

Làm thế nào để ngăn chặn chỉ thị với transclude để tạo ra phạm vi mới?

Điều này jsfiddle Tôi không thể ràng buộc bất kỳ điều gì do các phạm vi mới được minh họa bằng đường viền màu đỏ.

Html:

<div ng-app="components"> 
    <input ng-model="var"> 
    <block> 
     123 
     <input ng-model="var"> 
    </block> 
</div> 

JavaScript:

angular.module('components', []).directive('block',function(){ 
    return{ 
     scope:false, 
     replace:true, 
     restrict:"E", 
     transclude:true, 
     template:'<div class="block" ng-transclude></div>', 
     link:function(scope, el, attrs, ctrl){ 

     } 
    } 
}); 

CSS:

.ng-scope{ 
    border:1px solid red; 
    margin:10px; 
} 

Answer 1

Đó là thực sự mong đợi behav ior như đã nêu ở đây (ng-transclude tạo ra một phạm vi trẻ em): https://github.com/angular/angular.js/issues/1056 và thảo luận ở đây: https://groups.google.com/forum/#!msg/angular/45jNmQucSCE/hL8x48-JfZIJ

Bạn có thể workaround này bằng cách thiết lập một thành viên trên một đối tượng trong phạm vi (obj.var) như trong fiddle này: http://jsfiddle.net/rdarder/pnSNj/10/

Answer 2

Mặc dù điều này không được khuyến cáo bởi nhóm kiễu góc, cách giải quyết khác là để gọi một cách rõ ràng phạm vi $ cha mẹ trong phần nhúng:

<div ng-app="components"> 
    <input ng-model="var"> 
    <block> 
     123 
     <input ng-model="$parent.var"> 
    </block> 
</div>