title: Render html string within a template using interpolation?
body: <p>Using Angular 4.3.0</p>
  
  <p>Say I have a string like this that is a property of a component.</p>
  
  <pre><code>&lt;p&gt;test#2 bla bla&lt;/p&gt;&lt;p&gt;test1234 56&lt;/p&gt;&lt;p&gt;test test&lt;/p&gt;
  </code></pre>
  
  <p>So, Im following along with the docs, <br/>
  <a href="https://angular.io/guide/template-syntax#!#property-binding-or-interpolation-" rel="noreferrer">https://angular.io/guide/template-syntax#!#property-binding-or-interpolation-</a></p>
  
  <p>This does not work:<br/>
  What am I doing wrong?<br/></p>
  
  <pre><code>&lt;div class="panel-group"&gt;
      &lt;div class="panel panel-default" *ngFor="let b of BlogPostList"&gt;
          &lt;div class="panel-heading"&gt;{{b.Title}}&lt;/div&gt;
          &lt;div class="panel-body"&gt;
              &lt;span style="text-align:left"&gt;Created:{{b.DateCreated | date: 'MM/dd/yyyy'}}&lt;/span&gt;&lt;span style="text-align:right"&gt;Last updated{{b.DateUpdated | date: 'MM/dd/yyyy'}}&lt;/span&gt;
              &lt;br/&gt;
              &lt;div [innerHTML]="&lt;b&gt;test here&lt;/b&gt;"&gt;&lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>error:<br/></p>
  
  <pre><code>Unhandled Promise rejection: Template parse errors:
  Parser Error: Unexpected token &lt; at column 1 in [&lt;b&gt;test here&lt;/b&gt;] in ...&lt;/span&gt;
                  &lt;br/&gt;
                  &lt;div [ERROR -&gt;][innerHTML]="&lt;b&gt;test here&lt;/b&gt;"&gt;&lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
  </code></pre>