Question

我尝试在Angular项目中使用csv文件，如下所示：

import * as data1 from "./data.csv";
import * as data2 from "./data2.csv";

它们与我试图与它们一起使用的.ts位于同一文件夹中。我遇到以下错误：

找不到模块“ data.csv”

我还试图将它们移动到资产文件夹：

import * as data1 from '/assets/data.csv';

但是错误仍然出现。我在做什么错了？

Answer 1

使用HttpClient读取csv文件内容，例如：

constructor (private http: HttpClient) {}

readCsvData () {
   this.http.get('path.to.csv')
   .subscribe(
        data => console.log(data),
        err => console.log(err)
    );
}

Answer 2

在您的 .ts 文件中

public csvData: any;

public nColumns: string[] = ['name', 'lastname', 'phone', 'cardId', 'gender'];

public importData() {
    this.csvData.forEach((data: any) => {

      const user: any = {
        name: data.name,
        lastname: data.lastname,
        phone: data.phone,
        cardId: data.cardid,
        gender: data.gender
      };

      this.saveData(user);

    });

  }

你可以试试这个。

导入Angular中的数据

2 个答案: