【问题标题】:How to take data from a csv file? Angular 2如何从 csv 文件中获取数据?角 2
【发布时间】:2017-06-28 16:52:20
【问题描述】:

我是 Angular 2 的新手。

有许多与从 CSV 文件中获取数据相关的问题。我想使用 Angular 2 实现这种功能。我应该如何进行?

就像:我想创建一个包含一些 URL 的新 CSV 文件。然后为其创建服务并从 CSV 文件中提供的 URL 呈现数据。但我不确定它会起作用吗?如果有人能提出一个更好的想法来实现这种功能,那就太好了。 :)

【问题讨论】:

  • 是关于“读取”和“处理” csv 文件吗?
  • @thardes2 是的,某种“阅读”和“处理”:)

标签: angular csv


【解决方案1】:

根据您的环境,您可以通过 Angular 2's HTTP Client 下载文件,或者如果您使用 NodeJs,例如,您可以阅读 file from your hdd

处理应该不是问题,因为您可以逐行浏览文件并根据使用的分隔符拆分行以获取每个字段。

下一步取决于你的意思

从 URL 呈现数据

在一个简单的情况下,您可以在提取 URL 后创建一个 div 并设置内容:

<div [innerHtml]="myUrlStuff">
</div>
....

export public class MyClass {

    public myUrlStuff:string;
    @Input() url: string;

    constructor(http: Http) {
        this.myUrlStuff = '';
        http.get(yourUrl).map((res) => this.myUrlStuff = res);
    }
}

您可能需要进行一些调整,这只是一个示例,可能不会直接起作用。

【讨论】:

  • 就像假设,我添加了一个包含大量文章的 URL(一种 RSS 提要):那么我应该如何显示这些数据?
  • 你为什么在这里使用@Input?我想像标签一样创建它。单击它将显示来自 CSV 文件中 URL 的 RSS 提要数据。
  • 输入是数据绑定的,你也可以去掉它,用方法或类似的方法接收数据。你至少尝试过这个建议吗?
  • 谢谢!不,我没有尝试过这个建议。我今天会努力的。 :)
猜你喜欢
  • 1970-01-01
  • 2013-05-12
  • 2023-03-12
  • 2017-09-13
  • 1970-01-01
  • 2015-04-28
  • 1970-01-01
  • 2014-01-02
  • 1970-01-01
相关资源
最近更新 更多