Директива AngularJS transclude scope = false?

Как предотвратить директиву transclude для создания новых областей?

Этот jsfiddle Я не могу связать что-либо из-за новых областей, обозначенных красными границами.

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;
}

Ответ 1

Это ожидаемое поведение, как указано здесь (ng-transclude создает дочернюю область): https://github.com/angular/angular.js/issues/1056 и обсуждается здесь: https://groups.google.com/forum/#!msg/angular/45jNmQucSCE/hL8x48-JfZIJ

Вы можете обойти это, установив член объекта в области (obj.var), как в этой скрипте: http://jsfiddle.net/rdarder/pnSNj/10/

Ответ 2

Хотя это не рекомендуется команде Angular, другой способ обхода заключается в явном вызове $parent scope в пределах выделенной части:

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