Inner HTML of ng-container, Angular 4? : <p>I want to dynamically place an html code in my html code, So I write the following code:<br></p>

<pre><code>&lt;ng-container [innerHTML]="buttonIcon"&gt;&lt;/ng-container&gt;
</code></pre>

<p>Angular says <code>innerHTML</code> is not valid attribute for <code>ng-container</code><br>
I don't want to use third html tag like follows:</p>

<pre><code>&lt;div [innerHTML]="buttonIcon"&gt;&lt;/div&gt;
</code></pre>

<p>So how can I insert html codes without any tag inner html binding?<br></p>
