编译指令内部指令AngularJS

Question

我试图在由一个HighlightJS指令呈现的<pre>块上使用一个降价指令。

下面是一个重新创建问题的柱塞：

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

在本例中：

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

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

我希望<pre>块会被hljs解析，但是没有。

我必须手动调用内部指令的编译吗？

Answer 1

在btford.markdown中，您的element.html(html);正在覆盖hljs

因此，与其：

var html = converter.makeHtml(element.text());
element.html(html);

我想你更喜欢：

var html = converter.makeHtml(element.html());
element.html(html);

用element.text()交换element.html()

因此，您正在转换整个html元素(包括hljs --它不在element.text()中)。

下面是更新的柱塞：http://plnkr.co/edit/cURJ1QRfJRheOxTvYc1p?p=preview

Answer 2

我想指出角标，它是基于btford的工作。

• 您可以将其用作服务，这意味着您可以在控制器、指令中解析字符串，以便进行后续处理，
• 它支持一些Github风味的Markdown，它允许轻松地创建表请看这里。