-1

Necesito mostrar, en una página construida con Angular 8, un archivo de excel que obtengo de un servicio. He buscado algunas opciones pero algunas ya no tienen soporte o son para comprar.

3
  • 2
    Gracias por la información. el 28 ene. 2020 a las 14:29
  • Estas buscando mostrarlo o descargarlo?
    – GFlores98
    el 28 ene. 2020 a las 14:30
  • mostrarlo, ya lo puedo descargar
    – Ismael Goc
    el 28 ene. 2020 a las 15:08

1 respuesta 1

0

Lo primero que debe hacer es obtener el archivo excel y convertirlo en json,luego con el json ya puede pintar alguna tabla en el html de angular,yo hice este metodo que me permitio convertir un excel a json

public excelToJson(file: File){
         this.flag = false;
         let fileReader = new FileReader();
         fileReader.readAsArrayBuffer(file);
         fileReader.onload = (e) => {
             this.arrayBuffer = fileReader.result;
             var data = new Uint8Array(this.arrayBuffer);
             var arr = new Array();
             for(var i = 0; i != data.length; ++i) arr[i] = String.fromCharCode(data[i]);
             var bstr = arr.join("");
             var workbook = XLSX.read(bstr, {type:"binary"});
             var first_sheet_name = workbook.SheetNames[0];
             var worksheet = workbook.Sheets[first_sheet_name];
             this.jsontext = XLSX.utils.sheet_to_json<string>(worksheet,{raw:true});
         }

         fileReader.onloadend = (e) =>{
             this.flag = true;
         }
  }

Lo unico que debes es pasarle el excel dentro de una variable de tipo File,ahora necesita de un metodo que lea ese json y lo convierta en objeto que tenga el tipo de cada fila del json:

this.jsonTmp = this.excelService.getJsonText();

    this.jsonTmp.forEach(json => {

      count++;
      if (count > 8) {
        if (count % 2 != 0) {
          var obj = JSON.stringify(json);
          var result = JSON.parse(obj);

          let ObjetoPropio: objetoPropio = new ObjetoPropio();

          objetoPropio.dato1 = (result['__EMPTY_6']);
          objetoPropio.dato2 = (result['__EMPTY_9']);
          objetoPropio.dato3 = (result['__EMPTY_7']);

          let dato4 = result['__EMPTY_8'];
          let dato5 = "SINRESULTADO";
          if(dato1 != undefined){
            if(labo.trim() != ""){
              dato1 = "Sin dato";
            }
          }
        }
    })
     console.log(strike)
    if (strike <= 4) {
      this.cargarTabla();
    } else {
      this.objetoPropio = new Array<ObjetoPropio>();
      this.blocked = false;
      this.addSingle("El archivo cargado no es el correcto para este modulo", "warn");
    }
    this.blocked = false;
  }

De esta forma pasa el excel a json y el json lo castea al tipo de objeto que usted cree para mostrarlo en la tabla que vaya a utilizar, de esta forma puede mostrar los datos del excel en angular

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.