コンテンツは、我々は次のディレクティブをしているtemplateUrl

Question

を使用するときに動的に表示されていないロード。ユーザーがこのリンクをクリックすると、我々は、ページのコントローラ内からポップアップを表示しようとしている。

self.viewDocument = function (docId) { 
    var title = "Document Viewer"; 
    var body = $compile('<document-viewer></document-viewer>')($scope); 
    showBootstrapModalDialog(title, body, true, true, false); 
}; 

ネットワーク]タブではクローム開発ツール上で、私はしかし、指定されたテンプレートをフェッチしていることがわかりますコンテンツはポップアップに表示されません。あなたはここでそれを見ることができます：私は何をしないのです

<div> 
    document viewer template 
</div> 

：ここScreenshot of pop-up

は、テンプレートの内容でしょうか？

Answer 1

なぜ$ compileを使用する必要がありますか？このような

何かはわからトリックに提案を

self.viewDocument = function (docId) { 
$scope.currentDoc = docId; 
}; 

<div> 
    ... 
    <document-viewer ng-if='currentDoc'></document-viewer> 
    ... 
</div>