在AngularJS中应用Google-Prettify

时间:2015-10-12 14:57:32

标签: javascript css angularjs ngroute

我正在尝试在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,但在此之前它正在运行。

1 个答案:

答案 0 :(得分:1)

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

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

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