Доступный для использования контент в $ ionicLoading

Question

Я пытаюсь сделать кнопку clickable внутри $ ionicLoading (template). Я хочу запустить код, если эта кнопка нажата. К счастью, ng-click не работает. Любая работа вокруг? или я делаю фатальное предположение. PS: Im новичку на угловой и ионной

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