Question

我无法上手。我需要将jsReport与angular 5集成。我目前正在开发基于Anuglar 5和Asp.Net webapi

的Application

Answer 1

jsreport需要服务器渲染，它自己使用node express，请参阅here。

他们有一个类似app样板的工作室，试试本地，请参阅here。

如果您想使用与角度集成，可以参考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 app：

jsreport服务器哪个节点表达（Documentation）
你的主应用程序angular + asp.net安装jsreport-browser-client（Documentation）

如何在角度5中集成jsReport

1 个答案: