title: HTML tag img's property onload does not work in Angular2
body: <p>I need to detect if an image in html <code>&lt;img&gt;</code> tag loaded completely. </p>
  
  <p>This is my code in the template of Angular2 component.</p>
  
  <pre><code>  &lt;li *ngFor="let id of imagesId"&gt;
         &lt;img width="300" src="{{imagesUrl[id]}}" 
              *ngIf="imagesUrl[id]"
              (onload)="loadOk(id)"&gt;
      &lt;div *ngIf="!imagesLoadStatus[id]" class="loader"&gt;&lt;/div&gt;
    &lt;/li&gt;
  </code></pre>
  
  <p>This is my code in this component:</p>
  
  <pre><code>  loadOk(id: number) {
      this.imagesLoadStatus[id] = 1;
    }
  </code></pre>
  
  <p>Before loaded completely, all <code>imagesLoadStatus[id]</code> equal to <code>0</code>, and I want to change it to <code>1</code> by event <code>onload</code> when the whole image loaded completely.</p>
  
  <p>But it does not work at all. How can I detect whether an image loaded completely or not in Angular2, Please help me figure it out.</p>