title: Calling prettyPrint() dynamically in AngularJS ruins binding
body: <p>I'm trying to prettify some text that is generated dynamically. </p>
  
  <pre><code>&lt;div ng-app="Knob" ng-controller="myCtrl"&gt;
      &lt;pre class="prettyprint"&gt;{{text}}&lt;/pre&gt;
  &lt;/div&gt;
  
  var App = angular.module('Knob', []);
  App.controller('myCtrl', function($scope) {
     $scope.text = "hello world";
  })
  
  App.directive('prettyprint', function() {
      return {
          restrict: 'C',
          link: function postLink(scope, element, attrs) {
                prettyPrint();
          }
      };
  });
  </code></pre>
  
  <p>The output:</p>
  
  <pre><code>hello worldtext}}
  </code></pre>
  
  <p>Any ideas why?</p>
  
  <p><a href="http://jsfiddle.net/yAv4f/62/" rel="nofollow">http://jsfiddle.net/yAv4f/62/</a></p>