Angular JS dados não preenchidos a partir de solicitação http assíncrona

Question

Estou tentando obter um carregamento de div para mostrar ao meu angular de módulo está em contato com o servidor.Eu estou usando o AngularJS 1.0.1 e AngularJS Recursos 1.0.1 para expandir a funcionalidade do HTML e jquery 1.7.2 adicionais manipulação do dom e ajax suporte.

Eu já descobri que o carregamento div não irá mostrar se eu executar o ajax chamada assíncrona falsas, exceto para o Firefox, onde ele mostra, mas gif animado não é animado.

Se eu executar o ajax chamada assíncrona verdade, os dados retornados não ficar carregado para o angular variáveis do modelo do carregado parcial do modelo.

É possível obter uma animação de carregamento div para mostrar e obter angular de dados para carregar para o modelo?

Answer 1

Espero que eu estou entendendo corretamente.Você quer mostrar um carregamento para o progresso de suas requisições ajax.Para fazer isso você precisa de uma resposta interceptor.Aqui está um exemplo de como fazer isso http://jsfiddle.net/zdam/dBR2r/

// register the interceptor as a service, intercepts ALL angular ajax http calls
.factory('myHttpInterceptor', function ($q, $window, $rootScope) {
    return function (promise) {
        $rootScope.nowloading = true; // use ng-show="nowloading" on element containing spinner
        return promise.then(function (response) {
            // do something on success
            $rootScope.nowloading = false; // need to turn it off on success 
            return response;

        }, function (response) {
            // do something on error
            $rootScope.nowloading = false;  // need to turn it off on failure
            $rootScope.network_error = true;   // you might want to show an error icon.
            return $q.reject(response);
        });
    };

espero que isso ajude

- dan