title: 'load' event not firing when iframe is loaded in Chrome
body: <p>I am trying to display a 'mask' on my client while a file is dynamically generated server side.  Seems like the recommend work around for this (since its not ajax) is to use an iframe and listen from the onload or done event to determine when the file has actually shipped to the client from the server.</p>
  
  <p>here is my angular code:</p>
  
  <pre><code>    var url = // url to my api
      var e = angular.element("&lt;iframe style='display:none' src=" + url + "&gt;&lt;/iframe&gt;");
      e.load(function() {
          $scope.$apply(function() {
              $scope.exporting = false;  // this will remove the mask/spinner
          });
      });
      angular.element('body').append(e);
  </code></pre>
  
  <p>This works great in Firefox but no luck in Chrome.  I have also tried to use the onload function:</p>
  
  <pre><code>e.onload = function()  { //unmask here }
  </code></pre>
  
  <p>But I did not have any luck there either.</p>
  
  <p>Ideas?</p>