title: image not rendered when using ngIf
body: <p>I have this basic script:</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;button ion-button (tap)="buttonclick()"&gt;Button&lt;/button&gt;
  &lt;ion-img *ngIf="test" style="width: 20%; vertical-align: middle;" src="../assets/imgs/logo.png"&gt;&lt;/ion-img&gt;
  </code></pre>
  
  <p>TS:</p>
  
  <pre><code>buttonclick()
  {
    this.test = true;
  }
  </code></pre>
  
  <p><strong>What I expected to happen:</strong></p>
  
  <p>clicking the button shows the image.</p>
  
  <p><strong>What happens:</strong></p>
  
  <p>clicking the button makes a small grey rectangle appear where the image should be, as if the img source couldn't be found. Leaving the view and returning to it does make the image appear.</p>
  
  <p>What am I doing wrong or how can I fix this issue?
  Any help is much appreciated!</p>
  
  <p><strong>Update:</strong></p>
  
  <p>After inspection of the source code, I notice a class <code>img-unloaded</code>is assigned to the image the first time. When I leave the view and return, the class changes to <code>img-loaded</code>, making the image appear. I guess this is an Ionic thing...? How to avoid this behaviour? Using the <code>img</code> tag instead of <code>ion-img</code> resolves the issue, but I'd rather want to use the <code>ion-img</code> tag.</p>