如何在离子框架中实现加载微调器到inappbrowser

Question

我目前正在使用inappbrowser在离子框架中工作但是任何时候我打开外部url链接它打开另一个broswer但我想它指示加载微调器所以用户会知道它正在加载，我不知道是否要用系统浏览器打开< / p>

 <div class="list">
      <a class="item item-avatar" href="#" ng-click="loadData()" onclick="window.open('http://www.mysite', '_blank', 'location=yes'); return false; ">
          <img src="img/be1.png">
              <h2>site here</h2>
      </a>
      </div>

和我的控制器

    .controller('MyCtrl', function($scope, $ionicLoading, $timeout) {
    $scope.myTitle = 'Loading Sample';

    $scope.loadingIndicator;

    $scope.counter = 0;



    $scope.loadData = function() {

        $scope.loadingIndicator = $ionicLoading.show({
            template: '<ion-spinner icon="spiral"></ion-spinner>'
        });

        $timeout(function() {

            $ionicLoading.hide();
        }, 1500);

    };
})

感谢

Answer 1

在loadData（）中添加

var ref = window.open（'http://www.mysite'，'_ blank'，'location = no'）;

（location = no隐藏网址栏）

ref.addEventListener（'loadstart'，function（）{$ ionicLoading.show（）}）; ref.addEventListener（'loadstop'，function（）{$ ionicLoading.hide（）}）;