在AngularJS中应用Google-Prettify

Question

我正在尝试在AngularJS中应用Google Prettify;它适用于主页面，但在Angular路径（在ng-view之后）它不起作用。你可以看一下plunker：

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

顺便说一下，我正在使用这个预标签：

<pre class="prettyprint lang-cpp">
struct DLLNode {
    int data; 
    struct DLLNode *next; 
    struct DLLNode 'prey;
};  
</pre>

在ng-view之后，它无法执行Google Prettify，但在此之前它正在运行。

Answer 1

答案可以在类似thread中找到。

基本上你必须定义一个新的指令：

app.directive('prettyprint', function() {
    return {
        restrict: 'C',
        link: function postLink(scope, element, attrs) {
              element.html(prettyPrintOne(replaceText(element.html()),'',true));
        }
    };
});