title: Render angular code within a ng-bind-html
body: <p>I'm trying to render github readme's using remarkable and angular. Everything related to parsing the markdown is working properly but unfortunately the product owner has some more wishes for the application.</p>
  
  <p>He wants to be able to put youtube video's and html forms in the readme. I'm currently using the <a href="https://github.com/brandly/angular-youtube-embed" rel="nofollow">Youtube-embed directive</a> made by <a href="https://github.com/brandly" rel="nofollow">Brandly</a> but unfortunately it does not render in our page. </p>
  
  <p>I am using a script which uses <code>ng-bind-html</code> in combination with <code>$sce.trustAsHtml</code> in order to parse html in the page. Normal HTML is picked up just fine (form tags and other stuff) but angular stuff (youtube directive as example) aren't.</p>
  
  <p>I also noticed that angular directives such as <code>ng-click</code>, <code>ng-submit</code> etc aren't working.
  Does anyone know how to make angular work in html which is bieing parsed within the angular application using <code>ng-bind-html</code>?</p>
  
  <p>Here is a code example on how the html is bieing parsed to the template:</p>
  
  <p>JS:</p>
  
  <pre><code>case 'markdown':
      $scope.fileContent = $sce.trustAsHtml(remarkable.render(content));
  break;
  </code></pre>
  
  <p>HTML:</p>
  
  <pre><code>&lt;pre class="fileContent"&gt;&lt;code ng-bind-html="fileContent"&gt;&lt;/code&gt;&lt;/pre&gt;
  </code></pre>
  
  <p>i've added a <a href="http://plnkr.co/edit/mC30KRTzyutW1rPYuvxe?p=preview" rel="nofollow">Plunker example</a> with the problem I am having, as you can see it never executes the <code>ng-submit</code> that I  added in the form.</p>
  
  <p>~ Archcry</p>