title: How to render dynamically created div in Angular 2
body: <p>I am creating a div and want to render its content to html of its component</p>
  
  <p><code>component.ts</code> file</p>
  
  <pre><code>div = document.createElement('div');
  </code></pre>
  
  <p><code>component.html</code> file</p>
  
  <pre><code>&lt;div [innerHtml]='div'&gt;&lt;/div&gt;
  </code></pre>
  
  <p>and it shows  <code>[object HTMLDivElement]</code> instead of div content.</p>
  
  <p>Is there some way to render it properly?</p>
  
  <p>Version : <code>Angular 2.3</code></p>
  
  <p>here is <a href="https://plnkr.co/edit/h4lAGnvRZc5m6Ngi8pe0?p=preview" rel="nofollow noreferrer">plunker</a></p>