title: Using a bindOnce directive with $http
body: <p>I want to use the following <code>bindOnce</code> directive:</p>
  
  <pre><code>.directive('bindOnce', function() {
      return {
          scope: true,
          link: function( $scope, $element ) {
              setTimeout(function() {
                  $scope.$destroy();
                  $element.removeClass('ng-binding ng-scope');
              }, 0);
          }
      }
  });
  </code></pre>
  
  <p>If I use this on a simple piece of html like so:</p>
  
  <pre><code>&lt;span class="highlight" data-bind-once&gt; "{{listing.searchTerm}}"&lt;/span&gt;
  </code></pre>
  
  <p>What happens is that there is nothing but the "" being displayed!</p>
  
  <p>I am loading my data using the <code>$http</code> service, I think the bind-once must get removed before I have loaded my data and then it obviously doesn't get bound. </p>
  
  <p>I want to use this in many places in my app, is this a limitation or am I doing this incorrectly?</p>