title: How to render nested innerHtml element into innerHtml?
body: <p>I have a <code>div</code> which renders HTML code currency:</p>
  
  <pre><code>&lt;div [innerHtml]="item.Currency" title="" class="currTooltip"&gt; &lt;!-- This div 
                                              renders and show currency! --&gt;  
  
      &lt;div [innerHtml]="item.Currency" title="" class="tooltiptext"&gt;&lt;/div&gt; &lt;!-- This div
                                                            never rendered! --&gt;   
  &lt;/div&gt;
  </code></pre>
  
  <p><code>item.Currency</code> is equal to <code>&amp;#165;</code></p>
  
  <p>What it is possible to see in <code>DOM</code>:</p>
  
  <p><a href="https://i.stack.imgur.com/qsJxq.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/qsJxq.png" alt="enter image description here"></a></p>
  
  <p>However, inside <code>div</code> never renders. What can I do to render inside <code>div</code>
  where there is a comment <code>&lt;!-- This div never rendered! --&gt;</code>?</p>