title: Angular 2 equivalent of ng-bind-html, $sce.trustAsHTML(), and $compile?
body: <p>In Angular 1.x, we could insert HTML in real-time by using the HTML tag <code>ng-bind-html</code>, combined with the JavaScript call <code>$sce.trustAsHTML()</code>. This got us 80% of th way there, but wouldn't work when Angular tags were used, such as if you inserted HTML that used <code>ng-repeat</code> or custom directives.</p>
  
  <p>To get that to work, we could use a <a href="https://stackoverflow.com/questions/18926306/angularjs-ng-bind-html-unsafe-replacement">custom directive that called $compile</a>.</p>
  
  <p>What is the equivalent for all of this in Angular 2? We can bind using <code>[inner-html]</code> but this only works for very simple HTML tags such as <code>&lt;b&gt;</code>. It doesn't transform custom angular 2 directives into functioning HTML elements. (Much like Angular 1.x without the <code>$compile</code> step.) What is the equivalent of <code>$compile</code> for Angular 2?</p>