AngularJS transclude scope = false?

Question

Jak zabezpieczyć dyrektywę transclude, aby utworzyć nowe zakresy?

To nie ma znaczenia, ponieważ dzięki nowym zakresom zilustrowanym czerwonymi obramowaniami.

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

To jest rzeczywiście oczekuje Behav IOR jak podano tutaj (ng-transclude utworzyć obszar dziecko): https://github.com/angular/angular.js/issues/1056 i omówione tutaj: https://groups.google.com/forum/#!msg/angular/45jNmQucSCE/hL8x48-JfZIJ

to można obejść poprzez ustawienie elementu na obiekcie w zakresie (obj.var) jak w tym skrzypce: http://jsfiddle.net/rdarder/pnSNj/10/

Answer 2

Chociaż nie jest to zalecane przez kątowe zespołu, kolejny obejście jest jawnie wywołać zakres $ dominującą w dołączany Porcja:

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