如何在 Angular 5 中集成 jsReport [关闭]

Question

我无法开始。我需要将 jsReport 与 angular 5 集成。 我目前正在开发基于 Anuglar 5 和 Asp.Net webapi 的应用程序

Answer 1

jsreport需要服务器渲染，自用节点快递见here。

他们有一个类似应用程序样板的工作室，要在本地试用，请参阅here。

如果你想使用 angular 集成，你可以参考jsreport-browser-client，更多信息见documentation。

脚本本身应该与 webpack、requirejs 和其他脚本捆绑器兼容。

jsreport.serverUrl = 'http://localhost:3000';

var request = {
  template: {
    content: 'foo', engine: 'none', recipe: 'phantom-pdf'
   }
};

//display report in the new tab
jsreport.render('_blank', request);

//display report in placeholder with id reportPlaceholder
jsreport.render('reportPlaceholder', request);

//display report in placeholder element
jsreport.render(document.getElementById('reportPlaceholder'), request);

//open download dialog for report
jsreport.download('myReport.pdf', request);

这个示例代码，你可以放到你的angular，需要更多的修改。 在第一行jsreport.serverUrl = 'http://localhost:3000'; 需要监听 jsreport express (node express)。

TL;DR; 所以你只需要运行 2 个应用程序：

• jsreport server which node express (Documentation)
• 您的主应用 angular + asp.net 安装 jsreport-browser-client (Documentation)