Tenho uma lista com vários dados ($scope.messages
), porém só alguns dados me interessam. Após o carregamento dessa lista eu faço um foreach
e pego apenas os dados que me interessam e dou push
em uma nova lista. Dessa forma:
angular.forEach($scope.messages, function(msgBD) {
if((msgBD.user == $scope.usuario && msgBD.destino == destino) || (msgBD.user == destino && msgBD.destino == $scope.usuario )){
$scope.msgs.push(msgBD);
}
});
$scope.messages = $scope.msgs;
Porém na view o meu ng-repeat
não atualiza sozinho
<ul class="media-list" ng-repeat="message in messages track by $index">
{{message.text}}
</ul>
Quando eu utilizo $scope.$apply
antes do push funciona perfeitamente:
$scope.$apply(function(){
$scope.msgs.push(msgBD);
});
Porém da esse erro no console:
"Error: [$rootScope:inprog] http://errors.angularjs.org/1.4.7/$rootScope/inprog?p0=%24apply
Tem alguma maneira de resolver esse problema? Ou então tratar esse erro?
UPDATE Criei um Fiddle pra exemplificar melhor o meu problema.
- Abra dois navegadores entre com dois nomes diferentes e faça o Login
- Clique no usuário que está online(O usuário q você criou no outro navegador)
- Envie uma mensagem
- Nada acontece, então clique no mesmo usuário pra quem voce enviou uma mensagem novamente e verá que a mensagem é atualizada.
Esse é o problema a mensagem a lista só "Atualiza" quando clico novamente no usuário que eu enviei a mensagem.
Fiddle
: http://jsfiddle.net/tjruzpmb/60/
Update 2
Exemplo do chat funcionando perfeitamente após solução apresentada pelo @oOAkiraOo http://jsfiddle.net/sinkz/tjruzpmb/103/
OBS: Se muitos usuários estiverem online, é só clicar em limpar usuários.
ng-if
oung-show
? Lembro que certa vez tive problema com isso, a atualização só passava para dentro deles com o $apply(); mas se usado fora do if ou show, ele atualiza em tempo real, sem necessidade de $apply() ou $digest().$scope.apply()
faz uso assíncrono de databind, chamando o$scope.$digest()
, seu uso é recomendado em poucos casos, geralmente é usado junto com o$timeout
ousetTimeout()
. Por esse motivo, o evento quando é chamado mais de uma vez, sem intervalo de tempo, dá esse erro. Ou seja, ele é lento.