Question

我正在尝试在$ ionicLoading（模板）中创建一个可点击按钮。如果单击该按钮，我想运行一些代码。不幸的是，ng-click似乎不起作用。有什么工作吗？或者我是在做一个致命的假设。 PS：我是角和离子的新手

  $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();
 };

$ ionicLoading中的可点击内容

1 个答案: