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

Question

我目前使用 inappbrowser 在 ionic 框架中工作，但任何时候我打开外部 url link 它都会打开另一个浏览器，但我希望它指示加载微调器以便用户知道它正在加载，我不知道要用系统浏览器打开

 <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=没有隐藏url吧)

ref.addEventListener('loadstart', 函数() { $ionicLoading.show() }); ref.addEventListener('loadstop', 函数() { $ionicLoading.hide() });

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

How to implement loading spinner to inappbrowser in ionic framework

angularjs

cordova

plugins

ionic

inappbrowser