quarta-feira, 21 de outubro de 2015

ionic | Mostrar um Loading Animation enquanto pesquisa um sitio JSON

Este pedaço de código mostra uma animação quando está a aceder a um URL para ler dados JSON. Se não encontrar esconde a animação e mostra uma mensagem "Sem Dados". Se encontrar esconde a animação e mostra os dados.



JS:

.controller('qualquercoisaController', function($scope, $http, $timeout, $ionicLoading) {

  $scope.click = function() {
    $scope.hidden_test = !$scope.hidden_test;
  };

   $ionicLoading.show({
     content: 'Loading',
     animation: 'fade-in',
     showBackdrop: true,
     maxWidth: 200,
     showDelay: 0
   });

   $timeout(function () {

     $http.get("http://qualquerCoisaComo_umUrl_jason.pt")

     .success(function(response) {
           $scope.qualquercoisa = response;
           $ionicLoading.hide();})
     .error(function(NULL) {    //Se for NULL mostra a msg Sem dados
           $scope.hidden_test = !$scope.hidden_test;
           $ionicLoading.hide();
        });
   }, 10); //tempo de delay

})



HTML:
<p ng-if="hidden_test" ng-show="!qualquercoisa.length">Sem Dados!</p>


Fonte:

Sem comentários:

Enviar um comentário