在AngularJS中应用Google-Prettify

Question

我试图在AngularJS中应用谷歌美化;它在主页面上工作得很好，但在Angular路由上(在ng-view之后)它不起作用。你可以看看plunker:

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

预览

顺便说一下，我使用了这个前标签:

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

在ng-view之后，它无法执行Google美化，但在此之前它是工作的。

Answer 1

答案可以在类似的帖子中找到。

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

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