javascript - $ionicLoading 中的可点击内容

Question

我正在尝试在 $ionicLoading(template) 中制作一个可点击的按钮。如果单击该按钮，我想运行一些代码。不幸的是，ng-click 似乎不起作用。有什么解决方法吗？或者我在做一个致命的假设。 PS:我是angular和ionic的新手

  $ionicLoading.show({
    template: '<ion-spinner></ion-spinner><br /><br /><p>Syncronising...</p>'
  });

       //stopSync function never fires
       $scope.stopSync = function(){
          $ionicLoading.hide();
       }

  //Shows the 'stop Sync' Button after two seconds 
  //for the user to fire the stopSync function
  $timeout(function() {
     $ionicLoading.show({
       template: '<ion-spinner></ion-spinner><br /><br /><p>Syncronising...</p><button class="button button-clear" ng-click="stopSync()">Stop Sync</button>'
     });
  }, 2000);

Answer 1

感谢 http://atomx.io/2015/01/ionic-closing-ionicloading-if-your-app-loses-network-connectivity/，我解决了这个问题

我必须添加一个 scope: $scope 作为参数的一部分

$ionicLoading.show({
            template: '<ion-spinner></ion-spinner><br /><br /><p>Syncronising...</p>'
          });


          $timeout(function() {
             //$ionicLoading.hide();
             $ionicLoading.show({
               template: '<ion-spinner></ion-spinner><br /><br /><p>Syncronising...</p><button class="button button-clear" ng-click="stopSync()">Stop Sync</button>',
               scope: $scope
             });
          }, 2000);

 $scope.stopSync = function(){
    $ionicLoading.hide();
 };