Angular.js编译文本中包含的所有指令

Question

我的应用程序正在将$http的大量文本加载到<div>中。在该文本中可能存在角度指令：

<div id="div1"> 
    blah blah 
    <my-directive attribute="123"> some text </my-directive> 
    blah blah
</div>

<my-directive>包含在我的应用程序的代码中，但它的行为与简单文本相同。我理解这是正常的，因为它必须先编译。但我不知道如何轻松地做到这一点（我只能想到用正则表达式解析文本，将找到的指令逐个编译成新元素，并以正确的顺序重新附加整个内容，这似乎很复杂）。

在div1中编译所有指令的最佳方法是什么？

Answer 1

从角度文档中，ng-include“获取，编译并包含一个外部HTML片段。”

Here is a demo，使用您的示例文字。