title: Loading Spinner inside the InAppBrowser Ionic
body: <p>I am trying to implement a IonicLoading Spinner inside the InAppBrowser while the page loads.
  This is what i am doing:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;button class="button" ng-controller="View" ng-click="showHelp('http://www.google.com')"&gt;
  &lt;/button&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>Controller:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>.controller('View', function($scope, $ionicLoading) {
  
   $scope.showHelp=function(url) {
   var ref = window.open(url, '_blank', 'location=yes');
      ref.addEventListener('loadstart', function(){ $ionicLoading.show(); }); 
   ref.addEventListener('loadstop', function() { $ionicLoading.hide(); });
   
   }
  })</code></pre>
  </div>
  </div>
  </p>
  
  <p>The issue is the spinner doesn't load inside the InAppBrowser instead it shows in the background (i.e. visible only if i close the InAppBrowser)</p>
  
  <p>Any help would be appreciated.</p>