title: Compile angular 6 innerHTML
body: <p>I'm trying to load HTML from my server and insert it somewhere in my angular app. It works well with static HTML, but if I want to use interpolation or components in this HTML via [innerHMTL] angular doesn't compile this code automatically.</p>
  
  <p>So for example:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div [innerHTML]="'&lt;p&gt;{{\'test123\'}}&lt;/p&gt;&lt;button (click)=\"test()\"&gt;test&lt;/button&gt;&lt;hello-world-cmp&gt;&lt;/hello-world-cmp&gt;'"&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>Should result in a paragraph without the curly brackets with the text <code>test123</code>, and a button with a actual click event triggering the method attached in the component TS file. Further more hello-world-cmp should be rendered as well.</p>
  
  <p>I thought a third party module like ng-dynamic could do the trick. But it seems this requires JIT which is no longer usable for production builds. Is there any way of achieving this type of functionality?</p>