Tenho um app de chat e o problema que estou tendo é o seguinte: Ao enviar uma mensagem, ela demorando um certo tempinho pra ser enviada e aparecer na tela, pois ela vai pra um banco de dados, via backend em php que eu fiz, e depois volta por um outro php que busca a mensagem e exibe na tela. Então uma solução que pensei, pra quebrar o galho, foi a seguinte, exibir as minhas mensagens, direto na tela, como nesse exemplo e só depois envio pro backend.. Já tenho uma tela que exibe as mensagens vindas do banco de dados, mas como fazer para exibir, nessa mesma tela, as mensagens que eu envio?
Minha view:
<div class="card" ng-repeat="mensagem in mensagens">
<div class="item item-text-wrap">
<h2>{{mensagem.usuario}}</h2>
<p> {{mensagem.msg}}</p>
<p>{{mensagem.hora}}</p>
</div>
</div>
Controller:
$scope.enviarMsgChat = function (mensagem) {
//console.log(mensagem);
$scope.disableButtonChat = 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 idUsuario = $window.localStorage.getItem('idUsuario');
var nome = $window.localStorage.getItem('nome');
var usuario = $window.localStorage.getItem('usuario');
var msgChat = {
idUsuario: idUsuario,
nome: nome,
usuario: usuario,
mensagem: mensagem,
dia: dia,
hora: hora
}
$http.post("http://www.vigilantescomunitarios.com/www/php/enviaMsgChat.php", msgChat).then(function (data) {
//console.log(data);
$scope.disableButtonChat = false;
pegaMsgsChat();
$scope.mensagem = {
chat: ""
}
})
}