Reporting for Angular - Integrate a Web Report Designer into an Angular App

This example incorporates the Web Report Designer 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-report-designer 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-report-designer folder, run the following commands:

npm install
npm start

Open your browser (http://localhost:4200/) to see the result. The application displays the Web Report Designer.

Documentation

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

Files to Review

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

More Examples

• How to use the Web Document Viewer in JavaScript with Angular

Does This Example Address Your Development Requirements/Objectives?

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