0

he realizado una pantalla en la cual se me muestra una tabla con su consulta a BBDD. He hecho las pruebas en chrome y funciona perfectamente, pero al probar en IE 11, la tabla sólo me muestra el primer registro y tengo que ir clickando sobre el registro para hacer que vayan saliendo los siguientes.

COMPONENTE

ngOnInit() {
    this.getTiempoRecarga();
    this.cargarTabla();
  }

  ngOnDestroy() {
    clearInterval(this.interval);
  }

  private cargarDatos() {
    this.getDatosTabla("0").subscribe((solicitudes : any[]) => {
      this.solicitudes = solicitudes;
    });
  }

  private getDatosTabla(estado: string): Observable<any[]> {
    return this.gestorService.getDatosTabla(estado).pipe(
      map((response: any[]) => {
        return response;
      })
    );
  }

  private getTiempoRecarga() {
    this.gestorService.getTiempoRecarga().subscribe((propiedades) => {
      this.interval = propiedades;
      this.updateSolicitudes();
    });
  }

  private updateSolicitudes() {
    this.interval = setInterval(() => { 
      this.cargarSolicitudesPendientes();
    }, this.interval);
  }

He comprobado en caniuse y soporta el setInverval ¿Alguien sabe porqué puede fallar sólo en IE?

6
  • Muchas gracias por tu comentario. La versión es la IE11. ya he modificado la pregunta añadiendo la versión. En base a tu respuesta, sólo habría que cambiar el método updateSolicitudes()? Commented el 14 feb. 2020 a las 13:25
  • @x3kagainstSEbehavior Esto no es Javascript sino Typescript. Angular se transpila a Javascript, con lo que puedes elegir el nivel de compatibilidad, permitiendo el uso de IE11 (IE10 y anteriores seguramente no). Commented el 14 feb. 2020 a las 14:48
  • Por otro lado, el método cargarSolicitudesPendientes no está en el código mostrado, es posible que el error esté ahí. Además, el uso de this.interval no me queda nada claro. ¿Cuál es su valor inicial? ¿Lo reusas para guardar el ID del intervalo? Commented el 14 feb. 2020 a las 14:50
  • @PabloLozano El valor inicial esta dentro de updateSolicitudes. La asignacion es this.interval = setInterval( .... Lo utiliza para detener el intervalo mas adelante con clearInterval(this.interval) en ngOnDestroy
    – Legna
    Commented el 14 feb. 2020 a las 15:37
  • @PabloLozano Gracias por la corrección. Borro mis comentarios entonces para no liar a otras personas.
    – x3k
    Commented el 17 feb. 2020 a las 7:13

1 respuesta 1

0

Estas utilizando la variable this.interval con dos tipos de datos diferentes o hasta tres diferentes.


 private getTiempoRecarga() {
    this.gestorService.getTiempoRecarga().subscribe((propiedades) => {
      //1.- Aqui le estas cargando propiedades
      this.interval = propiedades;
      this.updateSolicitudes();
    });
  }

  private updateSolicitudes() {
    //2.-Aqui le estas asignando un intervalo
    this.interval = setInterval(() => { 
      this.cargarSolicitudesPendientes();
    //3.-Aqui deberia ir un numero en milisegundos. 
    }, this.interval);
  }

2
  • Aunque el uso es un poco extraño, parece que el reusar la propiedad no es el origen del problema Commented el 17 feb. 2020 a las 8:43
  • @PabloLozano Podría ser a la hora de transpilar a javascript?
    – Legna
    Commented el 17 feb. 2020 a las 13:59

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.