Ship internal tools in hours, not weeks. Real auth, users, jobs, audit logs, and cohesive UI included. Early access $249 $499 → [Get it now]

How to export data to CSV in Angular

Exporting data to CSV is a common feature in dashboards and admin panels, letting users take data out of the application for analysis in spreadsheet tools. As the creator of CoreUI with 25 years of experience building data-heavy Angular applications, I implement CSV export without third-party libraries because the browser’s built-in Blob API handles it natively and keeps the bundle lean. The approach is to convert your array of objects into a CSV string, create a Blob, and trigger a download via an anchor element. This works for any tabular data and requires no dependencies.

Read More…

How to download files in Angular

Downloading files in Angular requires fetching the file as a binary blob, creating an object URL, and triggering a click on a hidden anchor element to initiate the browser download. As the creator of CoreUI with Angular development experience since 2014, I’ve implemented file downloads for PDF reports, CSV exports, and document management in enterprise Angular applications. The key is setting responseType: 'blob' on the HttpClient request and extracting the filename from the Content-Disposition header when the server provides it. This works for any file type — PDFs, ZIPs, Excel files, images — without requiring any third-party library.

Read More…

How to preview images before upload in Angular

Showing a preview before uploading gives users immediate confidence that they selected the right file, dramatically reducing mistakes and re-uploads. As the creator of CoreUI with Angular development experience since 2014, I include image preview in every avatar upload or gallery feature in CoreUI Angular templates. The browser’s FileReader API reads the selected file as a Data URL and Angular’s change detection updates the preview image source reactively. This requires no libraries — just the native File API and a reactive component property.

Read More…

How to upload files in Angular

File upload in Angular requires combining an HTML file input with Angular’s HttpClient and the browser’s FormData API to send files as multipart form data. As the creator of CoreUI with Angular development experience since 2014, I’ve implemented file upload components for profile photos, document management systems, and bulk import tools in enterprise applications. The correct approach uses reportProgress: true with HttpEventType to track upload progress, giving users real-time feedback on large file uploads. Combining this with client-side validation for file type and size prevents wasted network requests.

Read More…

How to integrate Angular with GraphQL API

Integrating Angular with a GraphQL API requires Apollo Client, which provides caching, reactive queries, and typed operations that REST clients lack. As the creator of CoreUI with Angular development experience since 2014, I’ve used Apollo Angular in enterprise dashboards where the flexibility of GraphQL significantly reduced over-fetching and simplified data management. The setup involves installing Apollo Angular, configuring the client with your GraphQL endpoint, and using the Apollo service to execute queries and mutations in your components. Once configured, Apollo handles caching and state management for you automatically.

Read More…

How to integrate Angular with REST API

Integrating Angular with a REST API is a fundamental task in every enterprise application, and doing it correctly requires understanding Angular’s HttpClient module and RxJS observables. As the creator of CoreUI and an Angular developer since 2014, I’ve built REST integrations for dozens of production dashboards and admin panels. The cleanest approach is to encapsulate all HTTP calls in a dedicated service, inject it into components, and handle responses reactively using RxJS operators. This keeps components focused on presentation and makes API logic easy to test.

Read More…

How to print table in Angular

Printing data tables from Angular applications requires hiding navigation elements and applying print-friendly styles. As the creator of CoreUI with over 10 years of Angular experience since 2014, I’ve implemented print functionality for reports, invoices, and data exports in enterprise dashboards. The standard approach triggers window.print() while CSS @media print rules hide non-printable elements and format the table for paper. This works without any libraries and produces clean printed output.

Read More…

CoreUI for Angular v5.6.20 - Angular 21.2.3 Security Update

CoreUI for Angular v5.6.20 - Angular 21.2.3 Security Update

We are pleased to announce the release of CoreUI for Angular v5.6.20. This important security update brings full support for Angular 21.2.3, includes critical security patches for the hono package vulnerability (GHSA-v8w9-8mx6-g223), and comprehensive dependency updates to ensure your Angular applications run securely with the latest framework improvements.

Read More…

CoreUI PRO for Angular v5.6.20 - Angular 21.2.3 Security Update

CoreUI PRO for Angular v5.6.20 - Angular 21.2.3 Security Update

We are pleased to announce the release of CoreUI PRO for Angular v5.6.20. This important security update brings full support for Angular 21.2.3, includes critical security patches for the hono package vulnerability (GHSA-v8w9-8mx6-g223), and comprehensive dependency updates to ensure your enterprise Angular applications run securely with the latest framework improvements.

Read More…

How to export table data in Angular

Exporting table data to CSV or JSON lets users take data out of web applications for further processing. As the creator of CoreUI with over 10 years of Angular experience since 2014, I’ve implemented data export for reporting dashboards where users need to analyze data in Excel or share it with colleagues. The standard approach builds the file content as a string, creates a Blob, and triggers a download via a temporary anchor element. This works without any server-side code or third-party libraries.

Read More…