I have been researching this problem for some time and have seen few references (like this).
I know the Viewer is a Swing component, but I would like to achieve something like integrating/having a container in which to preview reports.
I have not seen any such component default provided by Angular. Has anyone attempted something similar or is it better to create own web components (Polymer-wise perhaps).
Thanks in advance.
Probably this is not really possible, due to reasons above.
Just now saw a related idea/approach: just exporting a report as html and providing to an html rendering container, like angular's ng-bind-html (something like this answer).
For now, just another "two cents" in, though.
I can't say about viewer but yeah it's possibility of visualize.js for your requirement.
With Visualize.js, anyone building a Web application can more easily include powerful analytics as an integrated experience. Developers can embed highly interactive visualizations and reports with more control and power than previously available using iFrames, charting libraries, or using other BI vendor solutions. Visualize.js leverages the REST APIs of the Jaspersoft analytic server for built-in services such as data connectivity, repository access, in-memory analytics, and visualization design. Visualize.js offers on-premises or cloud deployment options and low-cost subscription or utility pricing.