7

新しいスコープを作成するためにトランスクルージョンでディレクティブを防ぐ方法は？

この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;
}
4

2 に答える 2

7

ここに記載されているように、実際には予想される動作です（ng-transcludeは子スコープを作成します）：https ：//github.com/angular/angular.js/issues/1056 およびここで説明されています：https：//groups.google.com/forum /＃！msg / angle / 45jNmQucSCE / hL8x48-JfZIJ

これを回避するには、次のフィドルのように、スコープ（obj.var）内のオブジェクトにメンバーを設定します。http：//jsfiddle.net/rdarder/pnSNj/10/

于 2012-09-27T20:48:19.017 に答える
0

これはAngularチームによって推奨されていませんが、別の回避策は、トランスクルージョンされた部分内で$parentスコープを明示的に呼び出すことです。

<div ng-app="components">
    <input ng-model="var">
    <block>
        123
        <input ng-model="$parent.var">
    </block>
</div>
于 2015-03-17T13:58:20.583 に答える