2013-04-04 103 views
1

有没有人有使用angular-bootstrap-prettify.js prettyprint指令的经验?我在解决这个问题时遇到了问题。 这里是我的示例:http://jsfiddle.net/mjxNV/Angular Bootstrap Prettyprint指令未被调用

<div ng-app> 
    <div ng-controller="Ctrl1"> 
     <pre class="prettyprint linenums"> 
      <code class="lang-html"> 
       &lt;div class=&quot;container&quot;&gt; 
        &lt;div class=&quot;left_column&quot;&gt; 
         &lt;span&gt;Small Text&lt;/span&gt; 
        &lt;/div&gt; 
        &lt;div class=&quot;r_ightcolumn2&quot;&gt; 
         &lt;span&gt;Small Text&lt;/span&gt; 
        &lt;/div&gt; 
       &lt;/div&gt; 
      </code> 
     </pre> 
    </div> 
</div> 

我的代码显示,但它从来没有通过prettyprint标记化去。我究竟做错了什么?

+0

需要创建模块,并注入外部指令的依​​赖 – charlietfl 2013-04-05 01:24:11

回答

0

我发现了一个样本,并修改为您的样品:

angular.module('app', []) 
    .controller('ctrl', function($scope) { }); 

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

http://jsfiddle.net/yAv4f/210/