如何在離子項目中隱藏/不顯示特定http api調用的離子加載器

Question

上午在離子項目上工作。我遇到了離子裝載機的問題。我正從不同的方法調用多個http apis。這裏的問題是每個特定的API調用加載程序被觸發，所以請任何幫助隱藏或不顯示加載程序的特定api調用離子。

Answer 1

對於離子1可以使用$ionicLoading

angular.module('LoadingApp', ['ionic']) 
.controller('LoadingCtrl', function($scope, $ionicLoading) { 
    $scope.show = function() { 
    $ionicLoading.show({ 
     template: 'Loading...', 
     duration: 3000 
    }).then(function(){ 
     console.log("The loading indicator is now displayed"); 
    }); 
    }; 
    $scope.hide = function(){ 
    $ionicLoading.hide().then(function(){ 
     console.log("The loading indicator is now hidden"); 
    }); 
    }; 
}); 

附加例如：

.controller('ExampleCtrl', ['$scope', '$timeout', '$ionicLoading', 
    function($scope, $timeout, $ionicLoading) { 
     $scope.functionName= function() { 
       $ionicLoading.show({ 
        template: 'Loading...' 
       var url = 'http://myapi.php'; 
       $timeout(function() { 
        Data.getdata(function(data) { 
         $scope.getdata = data; 
        }, url); 
        //Stop the ion-refresher from spinning 
        $scope.$broadcast('scroll.refreshComplete'); 
        $ionicLoading.hide(); 
       }, 1000); 
      } 
     } 
     $scope.functionName(); 
    } 
])