title: Angular 6 iframe binding
body: <p>There is a variable that stores iframe code.
  I want to bind this in a div, but nothing work.</p>
  
  <p>html: </p>
  
  <pre><code>&lt;div class="top-image" [innerHTML]="yt"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>ts:</p>
  
  <pre><code>yt = '&lt;iframe class="w-100" src="https://www.youtube.com/embed/KS76EghdCcY?rel=0&amp;amp;controls=0" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen&gt;&lt;/iframe&gt;';
  </code></pre>
  
  <p>What is the solution?</p>