Estou usando um botao no qual tem uma chamada ng-click=BuscaCliente. Ele aciona uma função no controlado Angular porem fica em loop eterno. Como corrigir isso ?
HTML
<div class="botao" align="right">
<md-button ng-class="loading ? 'btnprimario md-button loading' : 'btnprimario md-button'" type="submit" ng-click="buscarCliente()" ng-disabled="!cpfValido" class="btngreen btnBuscarCli">Buscar Cliente</md-button>
</div>
Controller.JS
vm.buscarCliente = function(){
vm.loading = true;
if (vm.cpf !== undefined && vm.cpf !=='') {
return desbloqueioCartaoService.buscarCPF(vm.cpf).then(function(response){
if(response.status===500){
MensagemFactory.setMensagem('teste');
}
if(response.status === 200){
MensagemFactory.setMensagem('sucesso','Sucesso.','CPF encontrado com sucesso! '+vm.cpf,false,vm);
vm.loading = false;
parent.cliente = {};
parent.cliente.leituraCartao = {};
parent.cliente.leituraCartao.cpf = vm.cpf;
$location.path('/leituraDeCartao');
}else{
MensagemFactory.setMensagem('info','Informação.',+vm.cpf+' Desculpe, Não foi encontrado.',false,vm);
}
}).catch(function() {
MensagemFactory.setMensagem('erro','Error.',+vm.cpf+' Não foi encontrado.',false,vm);
});
} };
Imagem
vm.loading = false
num finally.vm.loading
recebe valortrue
, porém você só atualiza ela parafalse
, quando dá status 200 (OK). Você deve atualizar ela parafalse
quando der erro também e mostrar uma mensagem para o usuário. Debugue o seu código, veja se está passando pelo fluxo correto e retornando status 200, pois se o loader fica aparecendo, o resultado provavelmente está dando erro.