アクセス親要素（ボディ）

Question

は次のようにHTMLの構造を考えます親はボディであり、oneの場合のように動作せず、空のセットを返します。

app.directive 'myDirective', -> 
    (scope,iElement,iAttrs) -> 
     console.log iElement.parent() 

EDIT：この問題に対する私の推測では、私のアプリの体は、クライアント側でレンダリングされ、モジュールのrunメソッドにbody要素に追加されていることです。 htmlは$('body').html($compile(body.render())($rootScope));で挿入されています。内容が本体に挿入される前に$ compile関数内でディレクティブが呼び出されたとします。この問題を回避することはできますか？

Answer 1

実際にあなたの問題は正しく理解されています。$compileは、要素のテンプレートのコンパイルとリンクフェーズをトリガーします。したがって、その間に親はありません。

修正する簡単な方法は、最初にあなたのHTMLを本文に追加することです。そして次にをコンパイルします。

var html = body.render(); 
$('body').html(html); 
$compile(angular.element(body))($rootScope); 

それとも、体全体をコンパイルしたくない場合は、単に新しい要素：

var elem = $(body.render()).appendTo($('body')); 
$compile(elem)($rootScope);