Javascript 编译从另一个指令AngularJS使用的作用域变量传递的指令

我正在尝试对

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

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

但是，从作用域变量对hljs进行评估时会遇到以下问题：

---

如何编译从另一个指令所使用的作用域变量传递的指令？

看看这个提琴。基本上，您只需

$compile

任何您想要的html，然后

将其附加到新位置

这里是一个更新的plunk，它正在工作。如果使用
hljs
在文本区域中输入
pre
，应该可以正常工作

美元怎么样？
<div btf-markdown="item">
</div>