title: AngularJS directive in ng-bind-html
body: <p>In the application I am working on, a service supplies the app with a json, containing HTML. I output the HTML in a template like this:</p>
  
  <pre><code>&lt;div ng-bind-html="renderHtml(widget.article.body)"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>This HTML may contain custom directives, like an inline-chart:</p>
  
  <pre><code>directiveModule.directive('inlineChart', function(){
      return {
          restrict: 'A',
          scope: { inline-widget:'=elem' },
          template: '&lt;p ng-bind="inline-widget.blah"&gt;&lt;/p&gt;'
      };
  });
  </code></pre>
  
  <p>If I use the directive normally in a template, everything works fine, but it seems it is not being touched when used in ng-bing-html with the renderHtml function.</p>
  
  <p>Any suggestions how this could be realised are very much appreciated!</p>