title: How to implement loading spinner to inappbrowser in ionic framework
body: <p>im currently working in ionic framework with inappbrowser but any time i open the external url link it open another broswer but i want it indicate loading spinner so users will know it is loading, i dont know want it to open with system browser</p>
  
  <pre><code> &lt;div class="list"&gt;
        &lt;a class="item item-avatar" href="#" ng-click="loadData()" onclick="window.open('http://www.mysite', '_blank', 'location=yes'); return false; "&gt;
            &lt;img src="img/be1.png"&gt;
                &lt;h2&gt;site here&lt;/h2&gt;
        &lt;/a&gt;
        &lt;/div&gt;
  </code></pre>
  
  <p>and my controller</p>
  
  <pre><code>    .controller('MyCtrl', function($scope, $ionicLoading, $timeout) {
      $scope.myTitle = 'Loading Sample';
  
      $scope.loadingIndicator;
  
      $scope.counter = 0;
  
  
  
      $scope.loadData = function() {
  
          $scope.loadingIndicator = $ionicLoading.show({
              template: '&lt;ion-spinner icon="spiral"&gt;&lt;/ion-spinner&gt;'
          });
  
          $timeout(function() {
  
              $ionicLoading.hide();
          }, 1500);
  
      };
  })
  </code></pre>
  
  <p>thanks</p>