0

Estoy recibiendo información a través de un socket, la cual inserto en el almacenamiento local del dispositivo, usando, SQLite. Pero me ocurre una duda, y es como poder actualizar dicha vista al estar dentro de ella misma.

No habría problema si me encuentro fuera de la vista o interfaz, en este caso el menú, ya que entonces al ingresar cargará la información de la tabla para la respectiva vista, y mostrará la información tomando todo lo de la tabla.

El problema aparece, si estoy ya en la vista, la información, llega al socket, el cual estaría en el fichero javascript que corresponde a la interfaz principal del menú, con lo cual no encuentro la forma de actualizar la vista estando dentro de ella misma.

Situacion N° 1imagen 1

En la imagen expuesta, la cual expongo la primera situación, en donde, si estoy en la interfaz de menú no hay problema, ya que ingreso a la interfaz correspondiente donde debe estar la nueva información.

Situacion N° 2 imagen 2

En esta situación, es en donde veo el problema. Si estoy dentro de dicha interfaz, la información llegara de manera normal a la aplicacion, desde el servidor, pero, no se recargara, al menos no mientras no salga e ingrese a la aplicacion.

Codigo

**horario.js **

angular.module('horarioEstudiante', ['ionic', 'ngCordova', 'btford.socket-io'])
       .controller('mostrarHorarioEstu', mostrarHorarioEstu)
       .factory('obtenerHorarioEstu', obtenerHorarioEstu)
       .factory('socket', socket);

mostrarHorarioEstu.$inject = ['$scope', 'obtenerHorarioEstu', 'socket'];

function mostrarHorarioEstu($scope, obtenerHorarioEstu, socket) {

    var Horario;

    obtenerHorarioEstu.datosHorario().then(function(informacion) {

        Horario = informacion;
        //console.log(Horario);

        $scope.horario = Horario;

    });

}  


obtenerHorarioEstu.$inject = ['$cordovaSQLite'];

function obtenerHorarioEstu($cordovaSQLite) {

    return {

        insertarHorario: function(Horario){ acciones },
        datosHorario: function() { acciones }
    };
}

menu.js

angular.module('historialApp', ['ionic', 'ngCordova', 'horarioEstudiante', 'calificacionesEstudiante'])
    .controller('borrarHistorial', borrarHistorial)
    .factory('salirApp', salirApp);


borrarHistorial.$inject = ['$scope', '$ionicHistory', 'salirApp', '$ionicPopup',
                           '$state', '$timeout', '$window', 'socket', 'sk'];

function borrarHistorial($scope, $ionicHistory, salirApp, $ionicPopup, $state, $timeout, $window, socket, sk) {    

    socket.on('envio', function(data) {

        var dato = data;
        console.log(dato); 

        obtenerHorarioEstu.insertarHorario(dato);
        
    });
}
9
  • 1
    Buenas, te hago una consulta, la aplicación recibe la información, pero el problema es que no se refresca una de las vistas? Probaste con broadcast y listen?
    – KN_
    el 27 jun. 2017 a las 22:38
  • 1
    Hola, has intentado colocar en la vista en el ion-view colocando cache-view="false"? el 27 jun. 2017 a las 22:39
  • @KN_ la cuestion radica, en que como actualizo dicha informacion, si estoy dentro de la misma pagina, si puedes ir al chat es mejor el 27 jun. 2017 a las 22:53
  • 1
    Hola Pedro... el otro día tuve el mismo problema.. mira si te ayuda algo esto: link el 28 jun. 2017 a las 8:44
  • echando ojo, te respondo luego el 28 jun. 2017 a las 16:18

1 respuesta 1

1

De acuerdo a tus comentarios, voy a postear la última versión a la que llegamos:

Controlador Principal: Aquí se recibe la llamada desde el servicio en el $on:

app.controller('mostrarHorarioEstu', function($scope, obtenerHorarioEstu) {
  $scope.name = 'World';

  $scope.$on('cambia-valor',function(){
    $scope.name = obtenerHorarioEstu.acciones ;
  })
});

Controlador Secundario: Desde aquí se llama al servicio:

app.controller('borrarHistorial', function($scope, obtenerHorarioEstu){
  $scope.val = '';
  $scope.enviar = function(){
    obtenerHorarioEstu.envia($scope.val);
  }

});

Servicio: Aquí se recibe la información y se almacena para luego ser enviada a todos los subscriptores a través de un $broadcast:

app.factory('obtenerHorarioEstu',function($rootScope){
  var service = this;
  service.acciones  = 'no-cambia';

  service.envia = function(data){
    service.acciones  = data;
    $rootScope.$broadcast('cambia-valor');
  }



  return service;
})

Ejemplo funcional: http://plnkr.co/edit/s4EQiLYFvMMRKpWLnb4V?p=preview

Esta solución se vasa en la utilización de servicios de angular y $broadcast (https://docs.angularjs.org/api/ng/type/$rootScope.Scope)

Saludos

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.