Ionic 2 - Cannot add an ion-icon inside an ion-item containing a ion-input
<p>I'm using Ionic 2 and on my app I'm creating a form where if there is a validation error, an information icon will appear on the right side of it's relevant input field. The HTML is as follows,</p>

<pre><code>&lt;ion-list inset padding&gt;
        &lt;ion-item&gt;
            &lt;ion-input type="text" placeholder="Email"&gt;&lt;/ion-input&gt;
            &lt;ion-icon name="ios-information-circle-outline" item-right&gt;&lt;/ion-icon&gt;
        &lt;/ion-item&gt;
    &lt;/ion-list&gt;
</code></pre>

<p>This works perfectly fine. But whenever I add an *ngIf onto the <code>ion-icon</code>, it disappears from the ui. Here is a sample where I've set *ngIf to true to see if it works. The icon does not show.</p>

<pre><code>&lt;ion-list inset padding&gt;
        &lt;ion-item&gt;
            &lt;ion-input type="text" placeholder="Email"&gt;&lt;/ion-input&gt;
            &lt;ion-icon name="ios-information-circle-outline" item-right *ngIf="true"&gt;&lt;/ion-icon&gt;
        &lt;/ion-item&gt;
    &lt;/ion-list&gt;
</code></pre>

<p>When the <code>&lt;ion-input&gt;</code> is removed from above example, the <code>&lt;ion-icon&gt;</code> shows.</p>

<p>Is this a restriction in Ionic 2? How do I add an icon inside an <code>ion-item</code> which contains an <code>ion-input</code>?</p>