0
212
Vistascómo mostrar valores de matriz multidimensional en pantalla
// aap.component.html <ul *ngFor="let items of exceltoJson" > <li> {{ items }} </li> </ul> <input type="file" (change)="onFileChange($event)"> // app.component.ts onFileChange(event: any) { this.exceltoJson = {}; /* wire up file reader */ const target: DataTransfer = <DataTransfer>(event.target); const reader: FileReader = new FileReader(); reader.readAsBinaryString(target.files[0]); this.exceltoJson['filename'] = target.files[0].name; reader.onload = (e: any) => { /* create workbook */ const binarystr: string = e.target.result; const wb: XLSX.WorkBook = XLSX.read(binarystr, { type: 'binary' }); for (var i = 0; i < wb.SheetNames.length; ++i) { const wsname: string = wb.SheetNames[i]; const ws: XLSX.WorkSheet = wb.Sheets[wsname]; const data = XLSX.utils.sheet_to_json(ws); this.exceltoJson[`sheet${i + 1}`] = data; } console.log(this.exceltoJson); }; }Intenté forEach, JSON.parse() pero no pude tener éxito. ¿Alguien puede ayudarme a mostrar usando angular?
·
Juan Pablo Isaza
2 Respuestas
Responde la pregunta0
Considere que conoce todas las hojas y están arregladas.
Puedes
<ul *ngFor="let items of exceltoJson[1]" > <li> {{ items }} </li> </ul> <ul *ngFor="let items of exceltoJson[2]" > <li> {{ items }} </li> </ul> <input type="file" (change)="onFileChange($event)">O puede usar un ngfor dentro de ngfor como sugirió @ataerg
<div *ngFor="let sheets of exceltoJson"> <ul *ngFor="let items of sheets " > <li> {{ items }} </li> </ul> </div>
·
Juan Pablo Isaza
Denunciar
0
Creo que la solución es que debe usar 2 * ngFor en el archivo component.html.
debe ser como:
<.. *ngFor="let items of exceltoJson"> <.. *ngFor="let item of items"> </..> </..>
¡Espero haberte ayudado!
·
Juan Pablo Isaza
Denunciar
Responde la pregunta