how to detect if the iframe is fully loaded in angular
<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>