PapaParse与Angular JS

时间:2014-12-30 06:17:59

标签: javascript angularjs csv papaparse

喜欢漂亮的CSV解析器& PapaParse的不足之处。任何人都可以帮我把它与Angular JS结合起来。

我喜欢让PapaParse以Angular Way工作。尝试解决方案。

4 个答案:

答案 0 :(得分:7)

我实际上并没有想要加载它。只需将其添加到html文件和我的lib文件夹即可。就我而言:/lib/papaparse.min.js

和index.html。像往常一样脚本:

<script src="lib/papaparse.min.js"></script>

然后我在控制器中使用它:

Papa.parse(data, {
    complete: function(results) {
        console.log("Finished:", results.data);
    }
});

答案 1 :(得分:4)

您可以使用value提供自包含的第三方库。

angular.module('your.app')
    .value('yourLib', yourLib);

然后在您的控制器或服务中,您将使用DI

以正常方式将其带入
angular.module('your.app')
    .controller('YourController', YourController);

YourController.$inject = ['yourLib'];
function YourController(yourLib) {

   //. . .  
} 

如果第三方行是构造函数,需要它是新的,您可能想要创建一个工厂或提供者,它有一个接受传递的方法params到构造函数返回一个新实例。

修改

在查看PapaParse之后,您需要使用value使用角度注射器进行注册。

答案 2 :(得分:0)

只需使用像requirejs这样的前端模块化工具在上下文中加载papaParser,并在任何控制器或服务中调用api。

答案 3 :(得分:0)

  

只需在您的index.html&amp;中注入脚本网址然后在你的控制器中,访问它 as - var Papa = window.Papa;。那就是它!你准备好采取进一步行动了!