javascript - 在 AngularJS 中应用 Google-Prettify

Question

我正在尝试在 AngularJS 中应用 Google Prettify；它在主页上运行良好，但在 Angular 路由上(在 ng-view 之后)它不起作用。你可以看看 plunker:

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

顺便说一句，我正在使用这个 pre 标签:

<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));
        }
    };
});