新しい要素を追加せずにAngularJSで転記する

Question

余分な要素を追加しないで、ディレクティブに一部のコンテンツをクロールする方法はありますか？例えば

ディレクティブ：

{ 
    scope: { 
     someParam: "=" 
    }, 
    link: function(scope, element, attrs){ 
     //do something 
    }, 
    transclude: true, 
    template:'<div ng-transclude></div>' 
} 

ソースHTML：

<div my-directive some-param="somethingFromController"> 
    my transcluded content: {{somethingElseFromController}} 
</div> 

この例では、余分なdiv要素をマークアップに追加されます。通常これはうまくいくでしょうが、このディレクティブをテーブルの内側で使用しようとしていますので、divタグを追加するとそれが問題になります。

余分なdivタグを取り除くtranscludeまたはtemplateも指定しないようにしましたが、今ではは隔離されたスコープ内にあるため、見つからないことがあります。私は孤立したスコープを作成するのではなく、リンク関数内のattrsオブジェクトから自分のディレクティブのパラメータを取得することができますが、スコープで文字列を評価する必要はありません。

誰でもこれを達成する方法を知っていますか？ ありがとう！ロブのポスト@については詳しく説明し

Answer 1

これは実際には角度で可能です。 ng-repeatのような指令はこれを行います。あなたのやり方は次のとおりです。

{ 
    restrict: 'A', 
    transclude: true, 
    compile: function (tElement, attrs, transclude) { 
     return function ($scope) { 
      transclude($scope, function (clone) { 
       tElement.append(clone); 
      }); 
     }; 
    } 
}; 

ここには何がありますか？リンク中に、私たちは、transcludeしようとしている要素であるクローンをディレクティブの要素に追加するだけです。 Angularは、$ scopeをクローン要素に適用し、その要素内のすべての角度の良さを実行できます。

Answer 2

...

トランスクルーは/生き続けている...内容がテキストである場合、それは角度がどんなタグディレクティブの内容のクローンである要素を作成することが必要ですそれをスパンで包みます。

これは、$ compileが呼び出されたときにスコープを適用するためのDOM要素を持っているためです。

したがって、基本的にtranscludeは、同じ理由で要素を追加しません。$compile('plain text here {{wee}}')。

$interpolateを使って何かしようとしているようなことをすることができます。これにより、 "blah {{foo}}"のような文字列の範囲に範囲を適用できます。私は本当にあなたが何をしようとしているのか分からない、私は本当に具体的な例を与えることはできません。

Answer 3

@Vakeyは私が探していたものを答えました。

しかし、今日のように、角度のドキュメントは言う：

compile関数に渡されtransclude機能が例えばそれとして、を推奨されていません右の外側の範囲について知りません。代わりにlink関数に渡されるtransclude関数を使用してください。

例の一部が$compile documentationに示すように、だから私は、（一瞬）の代わりにcontrollerを使用し、その$transclude機能：

controller: function($scope, $element, $transclude) { 
      var transcludedContent, transclusionScope; 

      $transclude(function(clone, scope) { 
       $element.append(clone); 
       transcludedContent = clone; 
       transclusionScope = scope; 
      }); 
     },