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