Reporting for Angular - Integrate a Web Document Viewer in Angular App

This example incorporates the Web Document Viewer into a client-side app built with Angular. The example consists of two parts:

• The ServerApp folder contains the backend project. The project is an ASP.NET Core application that enables cross-domain requests (CORS) (Access-Control-Allow-Origin) and implements custom web report storage.

• The angular-document-viewer folder contains the client application built with Angular.

Quick Start

Server

In the ServerApp folder, run the following command:

dotnet run

The server starts at http://localhost:5000. To debug the server, run the application in Visual Studio.

Client

In the angular-document-viewer folder, run the following commands:

npm install
npm start

5. Point your browser to http://localhost:4200/ to see the result.

Files to Review

• app.component.ts
• app.component.html
• Program.cs
• ReportingControllers.cs

Documentation

• Create an Angular Front-End Application with a Document Viewer
• Document Viewer Server-Side Application (ASP.NET Core)
• Document Viewer's Server-Side Configuration (ASP.NET MVC)
• Troubleshooting
• Reporting Application Diagnostics

More Examples

• How to use the Web Report Designer in JavaScript with Angular

Does this example address your development requirements/objectives?

(you will be redirected to DevExpress.com to submit your response)