title: How to implement spinner in angular2 and spinner hiding is possible in angular2?
body: <p>I have some delay on image loading time that time I want show a spinner and after image loading time that spinner should hide. What is the correct way to implement this in angular 2 platform. </p>
  
  <p></p>
  
  <pre><code>        &lt;div id='panId' class="container-fluid" &gt;
  </code></pre>
  
  <p>This is the images loading,</p>
  
  <pre><code>            &lt;img name="imageName1" mouseWheel style.width="{{imgWidth}}" (mouseWheelUp)="mouseWheelUpFunc($event)" (mouseWheelDown)="mouseWheelDownFunc()" 
  
                  *ngIf="showImage" id="mainImage" src="{{imageVisible ? droppedImage: firtsImageToBind}}" class="imagepics mg-image "
  
                  alt="loading..." /&gt;
  
  
              &lt;img  name="imageName2" id="mainImage" mouseWheel style.width="{{imgWidth}}" (mouseWheelUp)="mouseWheelUpFunc($event)"
  
                  (mouseWheelDown)="mouseWheelDownFunc()" class="mg-image " *ngIf="zoomImageVisible" src="{{zoomedImage}}"&gt;
          &lt;/div&gt;
  
  
  &lt;/div&gt;
  </code></pre>