title: Angular [innerHTML] doesn't work properly
body: <p>I'm trying to bind html content to a div in my Angular 6 app but it doesn't work.</p>
  
  <p>Here is the content: </p>
  
  <pre><code>let content = 'Hello &lt;a routerLink="['/Soja']"&gt;Nick Soja&lt;/a&gt; How are you ?'
  </code></pre>
  
  <p>Here is the html part:</p>
  
  <pre><code>&lt;div class="content" [innerHTML]="content"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>Now only <code>Hello</code> is binded. I don't see the rest of the html content. The expected result is:</p>
  
  <p>'Hello <a href="https://link.com" rel="nofollow noreferrer">Nick Soja</a> How are you ?'</p>
  
  <p>What's wrong ?</p>