AngularJS 1.5.0 and Telerik Reports

[Shahbaz]

Hello,

I'm using AngularJS 1.5.0 and trying to integrate telerik reports in SPA. I found this article . However this version is using ui-router, while as Angular 1.5.0 has moved to ng-route.

Can you please share sample application with ng-route?

Apprciate quick response.

Thanks.

[Stef]

Hello Yousuf,

In general, there is no AngularJS viewer. By adding a reference to jQuery you can use the HTML5 Viewer - HTML/CSS/JS based widget that can be added via Javascript or directly in the markup of the HTML page. This is illustrated with the example in HTML5 Viewer in AngularJS project.

To pass values to report parameters, via Javascript you can update the viewer's reportSource.parameters collection that is mapped by key to the report's ReportParameters collection - Report Sources Parameters. Please consider the example in How To: Pass Values to Report Parameters.

Regards,
Stef
Telerik by Progress

[Shahbaz]

Hi Stef,

Thanks for your reply. The demo application posted here works when i run the solution from Visual Studio. However when i host the application on IIS, it's throwing error 

"Error loading the report viewer's templates. (Template = /api/reports/resources/templates/telerikReportViewerTemplate-html)."

You can test by hosting the above application on your environment and check the same.

Please see the attached screenshot for error.

Kindly advise.

[Shahbaz]

Demo Application posted here.

[Stef]

Hello Shahbaz,

The error is related to the relative paths used for loading CSS, JS files and for setting the HTML5 Viewer's serviceUrl. They must be adjusted based on the project structure and the hosting.

In this case, test removing the leading '/':

//index.html
<script src="ReportViewer/js/kendo.subset.2015.3.930.min.js"></script>
<script src="ReportViewer/js/telerikReportViewer-10.2.16.1025.min.js"></script>

//scripts.js
//line 73
serviceUrl: 'api/reports/',

More details about the error are available in HTML5 Viewer Troubleshooting.

Regards,
Stef
Telerik by Progress