编译从另一个指令AngularJS使用的范围变量传递的指令

Question

我正在尝试对来自范围变量的HighlightJS指令呈现的<pre>块使用Markdown指令，这是this question.

这是一个重新发现问题的掠夺者：
http://plnkr.co/edit/9dFxvDpCx5Qn68Mk0uiv?p=preview

markdown指令将从hljs编译element.html() ---即：

<btf-markdown>
#Markdown directive
<pre hljs>

    angular.forEach($scope.items,function(item){
      console.log(item);
    });
</pre>
</btf-markdown>

但是，从范围变量评估hljs时，它会落在：

<div btf-markdown="item">
</div>

如何编译从另一个指令使用的范围变量传递的指令？

Answer 1

看看这个小提琴。基本上，你只需要$compile你想要的任何html，并append它到新的位置。

这是一个更新的插件，工作。如果您使用pre在文本区域内放置hljs，它应该可以正常工作。

http://plnkr.co/edit/vZ2VlVCdSQWGBtgXLSAW?p=preview