AngularJSディレクティブ - なぜcompile（）で定義された式のlink（）で$ compileを呼び出す必要がありますか？

Question

私はこのコードを持っている：

app.directive('foo', function($compile) { 
    return { 
    restrict: 'E', 
    scope: {}, 
    template: '<span>{{bar}}</span>', 
    compile: function(element, attrs) { 
     element.attr('title', '{{bar}}'); 
     return function(scope, element, attrs) { 
     scope.bar = 'hello'; 
     $compile(element)(scope); 
     } 
    } 
    } 
}); 

Plunkr： http://plnkr.co/edit/nFTgvYqoiFAthmjoizWS?p=preview

私はリンク機能に$compileビットを削除する場合は、title属性は式のテキスト（{{bar}}）とない値に残る（'hello' ）;

誰でも理由を説明できますか？

これはコンパイルフェーズのためのものだと思っていました。テンプレートを操作して、スコープとデータバインディングのリンクを準備しています。手動で$compileに再度電話する必要があるのはなぜですか？テンプレートはすでにコンパイルされていませんか？

Answer 1

はたぶん相名がcompile、preLink、およびpostCompileにpostLink、preLink、およびpostLinkから変更する必要があります。 postCompileフェーズは、スコープにリンクする前にDOMを操作するために使用可能です。この時点で、リンク機能は作成されていますが、スコープは作成されていません。コンパイルを必要としないDOMを追加できます。ディレクティブを含む、または補間が必要な追加要素が追加された場合、ディレクティブと補間が機能するためには、これらの追加要素をコンパイルしてリンクする必要があります。

コンパイルする前にテンプレートを管理するには、テンプレートプロパティに関数template: function(tElement, tAttrs) {}を指定します。詳細については、AngularJS Comprehensive Directive API Reference -- Templateを参照してください。

---

あなたは「などのDOMは何のコンパイルを必要としないことを追加することができ、」への参照を共有することができますあなたはこれについてどうやって見つけたのですか？

情報のいくつかのソース：たぶん相名は `postCompileに` compile`、 `preLink`、と` postLink`から変更する必要があります

• AngularJS Developers Guide -- HTML Compiler
• AngularJS Developers Guide -- Creating a Directive that Manipulates the DOM