Tenho uma app em Ionic que envia mensagens. Já me ajudaram, aqui no forum mesmo, a fazer uma maneira que não permita que o usuário possa tocar no botão enviar, sem tem digitado nada, para a mensagem não ir em branco. Blz, funciona legal
<button class="button button-clear button-positive" ng-disabled="msgForm.msg.$invalid && disableButton" ng-click="enviarMsg(mensagem)">Enviar</button>
controller:
$scope.enviarMsg = function (mensagem) {
$scope.disableButton = true;
var dia = moment().format(); //2016-02-16 T 16:05:52-02:00
var diaP = dia.split('T');
var dia = diaP[0];
var horaP = diaP[1];
var horaP2 = horaP.split(':');
var hora = horaP2[0]+':'+horaP2[1];
var enviaMsg = {
mensagem: mensagem,
idUsuario: $window.localStorage.getItem('idUsuario'),
idCep: $window.localStorage.getItem('idCep'),
nome: $window.localStorage.getItem('nome'),
dia: dia,
hora: hora
}
$http.post("http://www.vigilantescomunitarios.com/www/php/enviaMsgLogra.php", enviaMsg).success(function (data){
$scope.disableButton = false;
pegaMsgsLogra();
$scope.mensagem = {
msg: ""
}
});
}
Porém, como as vezes a mensagem demora pra sair, gostaria que o botão fica, também, desabilitado e o campo, também, até que a mensagem seja enviada. Como eu poderia fazer isso? pois já estou usando ng-disabled no botão.
ng-disabled="msgForm.msg.$invalid && condicaoMensagem"