Папа Parse - заполнить таблицу с JSON после разбора файла CSV - PullRequest
Новая
       7

Папа Parse - заполнить таблицу с JSON после разбора файла CSV

0 голосов
/ 10 сентября 2018

Я добавляю новую функцию в свое веб-приложение, чтобы пользователь мог загрузить файл .csv и отправить его в базу данных.Во время загрузки я хочу прочитать данные в формате JSON и отобразить их в виде таблицы, чтобы пользователь мог проверить, все ли в порядке.

Проблема в том, что приложение может отлично читать файлыиспользуя Papa Parse, но он не заполняет таблицу и не показывает никаких данных ... И я тоже не получаю ответ об ошибке.

Что я делаю не так?

component.ts 

import { Component, OnInit } from '@angular/core';
   import Papa = require('papaparse');

   @Component({
     selector: 'app-formulario-csv',
     templateUrl: './formulario-csv.component.html',
     styleUrls: ['./formulario-csv.component.css']
   })

   export class FormularioCsvComponent implements OnInit {
     tableData: any = null;
     constructor() {  }

     ngOnInit() {
     }

     csv2Array(fileInput) {
       Papa.parse(fileInput.target.files[0], {
         skipEmptyLines: true,
         header: true,
         complete: function(results) {
           this.tableData = results.data;
           console.log(this.tableData);
         }
       });
     }
   }

component.html 

<!DOCTYPE html>

  <h2>Import CSV</h2>

  <input type="file" accept=".csv" (change)="csv2Array($event)">
  <table *ngIf="tableData">
      <tr>
        <th>CD</th>
        <th>NOME</th>
        <th>EMAIL</th>
      </tr>
      <tr *ngFor="let row of tableData">
        <td>{{ row.cd }}</td>
        <td>{{ row.nome }}</td>
        <td>{{ row.email}}</td>
      </tr>
  </table>

Console output

...