从动态html编译Angular指令

Question

我似乎无法完成这项工作：我有从ng-repeat编译的HTML，我也想编译它的结果。我该怎么做呢？

我有一个包含文本块的数据集，它已被赋予显示类型。此类型设置为span类。大多数类型只是触发CSS规则（例如，注释样式框，请参见屏幕截图），但其他类型应调用指令。 例如，包含名为Nicodemus的块，＆＃39;属于隐藏类型。我有一个折叠块的指令，并插入一个小按钮来扩展它。

代码：

<span class="chunk type-{{chunk.type}}" ng-repeat="chunk in verse.chunks">{{chunk.text}}</span>

结果类似

<span class="chunk type-hidden">named Nicodemus, </span>

如果第二个是我的源html，它会编译typeHidden指令就好了。我想我需要找到第二次进行角度编译的方法。我似乎无法使用$ compile完成它（虽然我想我真的不明白它是如何工作的。）

希望你能帮忙！

提前致谢！

Answer 1

我实际上已经能够解决这个问题。不是那么优雅，但如果我将我的指令嵌入ngrepeat并对名称进行硬编码，使用ng-if使其可见，它就可以工作。

<!-- special type hidden -->
      <span ng-if="chunk.type=='hidden'">
        <span class="type-hidden">
          {{chunk.text}}
        </span>
      </span>