Promessa de atributo de dados a não funcionar
-
21-12-2019 - |
Pergunta
Eu tenho uma fábrica com uma promessa suposto para consultar dados a partir de um webservice em um intervalo de 5 segundos.Os dados serão obtidos através de um controlador e analisado.O monitor do ocioso é iniciada a partir do app.executar.
Problema é que os dados parecem ser não-acessível a partir do controlador, por que é isso?
(Apenas olhando para ele eu começo a me perguntar se o LiveData var é thread-safe)
factory('liveDataPoller', ['$http', '$timeout', function($http, $timeout) {
var liveData = {
status: -1,
events: [],
checksum: 0,
serverTime: 0,
calls: 0
};
var poller = function() {
$http.get('/api/getInformation.json')
.then(function(res) {
status = res.statusCode;
if(status < 0) {
// TODO: handle service error
} else {
liveData.events = res.events;
liveData.checksum = res.checksum;
liveData.serverTime = res.serverTime;
}
liveData.status = status;
liveData.calls++;
$timeout(poller, 5000);
});
};
poller();
return {
getData: function() {
return liveData;
}
};
}])
O controlador:
angular.module('myApp.controllers', [])
.controller('MainCtrl', ['$rootScope', '$scope', '$timeout', 'liveDataPoller', function($rootScope, $scope, $timeout, liveDataPoller) {
var transformLiveData = function(liveData) {
var liveDataObj = {
serverTime: liveData.serverTime,
checksum: liveData.checksum,
events: [],
calls: liveData.calls
},
events = [],
i;
if(liveData.events) {
for(i = 0; i < liveData.events.length; i++) {
events.push({
id: liveData.events[i].id,
name: liveData.events[i].details[1],
freeText: liveData.events[i].details[2],
});
}
liveDataObj.events = events;
}
return liveDataObj;
}
$rootScope.liveData = transformLiveData(liveDataPoller.getData());
}])
Solução
O problema é que a linha de retorno liveData
em seu serviço executado quando o $http
chamada está em andamento, eu iria moldar o liveData
objeto em torno de uma promessa de trabalho e com a promessa do controlador.Ou, como um pobre homem abordagem, você pode assistir a liveData
objeto em seu controller:
$scope.$watch(liveDataPoller.getData,function(value){
console.log(value);
},true)