AngularJS指令轉換scope = false？

Question

如何通過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;
}

Answer 1

它實際上是預期的行為，如此處所述（ng-transclude創建子范圍）： https ： //github.com/angular/angular.js/issues/1056並在此處討論： https ： //groups.google.com/forum /＃！味精/角/ 45jNmQucSCE / hL8x48-JfZIJ

您可以通過在范圍（obj.var）中的對象上設置成員來解決此問題，就像在這個小提琴中一樣： http ： //jsfiddle.net/rdarder/pnSNj/10/

Answer 2

雖然Angular團隊不推薦這樣做，但另一種解決方法是在transcluded部分中顯式調用$ parent范圍：

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