为Angular 2使用外部库

时间:2017-02-04 10:31:30

标签: angular

我正在使用Angular 2 + Angular CLI来构建应用程序。我找到了这个很酷的库“csvtojson”,根据演示完成了我想要的工作 所以我想把它包含在我的项目中。但是,我的第一个问题是,是否可以在我的项目中包含此库,因为我没有看到它是为Angular 2构建的? 如果没有......这是否意味着我只能只是视而不见并感到悲伤?

如果是的话......我将如何实施它。我在下面所做的不起作用

1. npm i --save csvtojson
2. inside app.module.ts 
    import { csvtojson } from 'csvtojson'
    providers: [
      {{...}}
      csvtojson //test
    ],

3. app.component.ts
    import { csvtojson } from 'csvtojson'
    constructor(private csvToJson: csvtojson) { }
    this.csvToJson.csv({ noheader: true })
        .fromString(data)
        .on('csv', (csvRow) => { // this func will be called 3 times
             console.log('afasf',csvRow) // => [1,2,3] , [4,5,6]  , [7,8,9]
        })
        .on('done', () => {
            //parsing finished
        })

我收到此错误

  错误在./~/csvtojson/libs/core/workerMgr.js找不到模块:错误:   无法在'/ Users / james / Desktop / web-app / nod中解析'child_process'   e_modules / csvtojson /库/芯

2 个答案:

答案 0 :(得分:0)

因为这个libs需要在节点服务器上运行,所以你不能在浏览器中使用child_process

对于浏览器,此解决方案可以帮助您https://www.bennadel.com/blog/1504-ask-ben-parsing-csv-strings-with-javascript-exec-regular-expression-command.htm

答案 1 :(得分:0)

不需要外部图书馆。

在这里为csvTOjson

工作Plunker
                    $('#api').append(HTML);

                });