PapaParse with Angular JS

PapaParse with Angular JS

本文关键字：JS Angular with PapaParse      更新时间：2023-09-26

喜欢PapaParse的漂亮的CSV解析器和unparser。任何人都可以帮助我将其与 Angular JS 结合使用。

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

我实际上没有做任何花哨的事情来加载它。只需将其添加到html文件和我的lib文件夹中即可。就我而言：/lib/papaparse.min.js

和索引.html。像往常一样脚本：

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

然后我只是在我的控制器中使用它：

Papa.parse(data, {
    complete: function(results) {
        console.log("Finished:", results.data);
    }
});
您可以使用

value提供独立的第三方库。 

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

然后在您的控制器或服务中，您将使用 DI 以正常方式引入它

angular.module('your.app')
    .controller('YourController', YourController);
YourController.$inject = ['yourLib'];
function YourController(yourLib) {
   //. . .  
}

如果第三方行是构造函数，需要更新它，则可能需要创建一个工厂或提供程序，该工厂或提供程序具有接受将参数传递给构造函数返回新实例的方法。

编辑

查看 PapaParse 后，您可能希望使用 value 将其注册到角度注入器中。

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

只需将脚本 url 注入您的index.html然后在您的控制器中，以 - var Papa = window.Papa; 访问它。就是这样！您已准备好采取进一步行动！

相关文章：