Tengo una función que hace una petición al servidor y me trae datos en JSON
y guardo en la variable numero
un número cualquiera:
var numero
$scope.Cola = function() {
Ticket.Colaservices({
id_usuario: LoginData.getData().id_usuario,
token: LoginData.getData().token,
id_sucursal: LoginData.getData().id_sucursal,
id_moduloatencion: LoginData.getData().moduloatencion_id
}, function (response) {
$scope.DateCola = response.data;
var rut = JSON.parse(JSON.stringify(response.data.rut.split('.').join('')));
numero = response.data.numero;
$scope.rutsinpunto = rut;
});
};
$scope.Cola();
Esto se produce al entrar a la página. Más adelante tengo un botón llamar
que se comunica con el servidor y un token
y como respuesta retorna un nuevo número, para obtenerlo tengo que actualizar la función de arriba, el problema es que el retorno es asíncronico, es decir que en cualquier momento me puede llegar.
Para obtenerlo hago lo siguiente:
$scope.llamar = function() {
//mando ciertos datos
Llamado.Llamar({
id_usuario: LoginData.getData().id_usuario,
token: LoginData.getData().token,
id_sucursal: LoginData.getData().id_sucursal,
id_moduloatencion: LoginData.getData().moduloatencion_id
}, function (response) {
// y en la respuesta creo un interval y ejecuto $scope.Cola() y muestro en consola la variable numero para saber cuando cambie, ¡cosa que sí hace!
var resultado = $interval(function () {
$scope.Cola();
console.log(numero);
}, 1000);
// acá creo un watch para detectar el cambio ¡pero no funciona! no reconoce cuando es distinto el numero.
$scope.$watch(numero, function (newValue, oldValue) {
if (newValue === oldValue) {
return;
}
$interval.cancel(resultado);
alert("el nuevo valor es " + newValue + " y el antiguo es: " + oldValue);
});
});
};
¿Cómo lo puedo solucionar? la idea es que cuando se detecte el cambio como ejemplo me muestre el alert
.