如何定义何时显示或不显示加载屏幕

Question

所以，我有这个应用程序，它使用此代码在加载一些 ajax 请求时在所有屏幕内容上显示和隐藏加载屏幕。

app.config( function( $stateProvider, $urlRouterProvider, $httpProvider )
{
    $httpProvider.interceptors.push(function( $rootScope )
    {
        return {
            request: function(config) {
                $rootScope.$broadcast('loading:show')
                return config
            },
            response: function(response) {
                $rootScope.$broadcast('loading:hide')
                return response
            }
        }
    });
})
.run(function( $state, $rootScope, $ionicLoading, $storage )
{
    $rootScope.$on('loading:show', function() 
    {
        $ionicLoading.show({template: 'Loading'});
    });

    $rootScope.$on('loading:hide', function() 
    {
        $ionicLoading.hide();
    });
});

当我想加载我使用的东西时：

$http.post( "http://myexample.com.br/json-data", {param1:"1"} ).then(function(result){});

问题是，在某些情况下，我希望在后台加载某些内容而不显示加载屏幕。

Answer 1

按照您使用拦截器进行设置的方式，这些加载事件将在每次$http 调用时引发。我建议从 $rootScope 中删除事件侦听器，并仅将它们应用于您确实希望显示加载屏幕的单个控制器范围。

Answer 2

我将$ionicLoading.hide(); 放在$http.post 之后。不是最好的，但可以解决。

$http.post( "http://myexample.com.br/json-data", {param1:"1"}).then(function(result)
{

});

$ionicLoading.hide();