Meu aplicativo verifica estado de uma lampada e cria uma animação na view.
Estou fazendo uma requisição ajax com angular e no retorno de sucesso tenho que animar uma lampada acendendo, segue trecho do codigo:
$scope.checkLuzOk = function (response) {
(response.data.luzSala === '1') ? aninOn($scope.luzSala) : $scope.aninOff($scope.luzSala);
}
tenho uma luzSala
no arquivo html
para animação e estou usando o $scope.luzSala
como parâmetro nas funcões aninOn()
e aninOff()
, segue trecho da animação:
var aninOn = function (luz) {
var images = [
"light0.png",
"light10.png",
"light20.png",
"light30.png",
"light40.png",
"light50.png",
"light60.png",
"light70.png",
"light80.png",
"light90.png",
"light100.png"
];
var i = 0;
$interval(function () {
if (i >= images.length) {
i = 0;
}
luz = images[i];
i++;
}, 50, 11);
};
O problema é que a imagem não esta sendo alterada quando passo o s