Category Archives: Angular

The 5 Steps to Route Guards in Angular

A route guard is a feature that controls access to specific routes in the Angular application. It can protect routes from unauthorized access, require certain conditions be met before navigating to a route or perform other checks and actions during the navigation process. Angular provides five types of route guards: CanActivate CanActivateChild CanDeactivate CanLoad ResolveContinueContinue reading “The 5 Steps to Route Guards in Angular”

Getting Started with the Resource API in Angular

Angular 19 will introduce a new reactive API called Resource API. The primary purpose of the Resource API is to load the resources, such as: Fetch data from the API Update data locally Asynchronously load local resource It should not be used for mutation such as POST operations. It should mainly be used to loadContinueContinue reading “Getting Started with the Resource API in Angular”

Integrating OpenAI’s GPT with Angular: A Step-by-Step Guide

In this article, we’ll walk through the step-by-step process of integrating the OpenAI GPT model into an Angular application. To get started, create a new Angular project and follow each step as you go along. Please note that you’ll need a valid OpenAI API key to proceed. By default, newer versions of Angular projects doContinueContinue reading “Integrating OpenAI’s GPT with Angular: A Step-by-Step Guide”

Getting Started with the httpResource API in Angular

Angular 19 introduced the Resource API for fetching data, and it should not be used for mutation operations, such as POST requests. However, an issue arose when working with the Resource API. One major problem was that it wasn’t built on top of HttpClient, which meant that interceptors did not function as expected. To address theContinueContinue reading “Getting Started with the httpResource API in Angular”

Getting Started with the Resource API in Angular- Video

Angular 19 will introduce a new reactive API called Resource API. The primary purpose of the Resource API is to load the resources, such as: Fetch data from the API Update data locally Asynchronously load local resource It should not be used for mutation such as POST operations. It should mainly be used to loadContinueContinue reading “Getting Started with the Resource API in Angular- Video”

Implementing a Global Error Handler in Angular: A Step-by-Step Guide

In an Angular application, errors typically fall into two categories: Errors related to HTTP operations Errors resulting from invalid application operations, like attempting to divide by zero This blog post delves into incorporating a global error handler in an Angular application to manage runtime errors throughout the application effectively. When working with Angular applications, it’s common toContinueContinue reading “Implementing a Global Error Handler in Angular: A Step-by-Step Guide”

Key announcements from the Angular Team about Angular and its future at the ngPoland keynote

On November 6, 2024, I attended the Angular Team’s keynote at ng-Poland, Europe’s largest Angular conference. The keynote was presented by Mark Techson, Alex Rickabaugh, and Pawel Kozlowski from the Angular team. Here are some key features I gathered from the keynote announcement. These enhancements and additions are impressive and will significantly advance the AngularContinueContinue reading “Key announcements from the Angular Team about Angular and its future at the ngPoland keynote”