title: how to detect if the iframe is fully loaded in angular
body: <p>Is there anyway that I can detect if the iframe is completed loading?
  This is my iframe code:</p>
  
  <pre><code>&lt;div ng-if="isLoadDone" class="col-xs-12"&gt;
      &lt;div class="text-center"&gt;&lt;span class="fa fa-spinner fa-pulse fa-5x fa-fw margin-bottom"&gt;&lt;/span&gt;&lt;/div&gt;
    &lt;/div&gt;
  &lt;iframe ng-if="isLoadDone" class="app-iframe" ng-src="{{trustedApplUrl}}"&gt;&lt;/iframe&gt;
  </code></pre>
  
  <p>Basically I want to display the spinner if the iframe is not full loaded.
  I want to detect if iframe is completed loading not start loading. I was able to find the way to find out if the iframe starts loading but not when the iframe is completed loading. Any idea?
  Thanks
  -Kim</p>