FormRecord in Angular Forms

Angular Tutorial Angular Forms   The FormRecord is a collection of FormControl. It is very similar to FormGroup and like FormGroup it tracks the value and validity state of a group of FormControl instances. Angular introduced the Typed Forms in Angular 14. With the typed forms it becomes difficult to add FormControl dynamically to a FormGroup. Hence the […]

FormRecord in Angular Forms Read More »

Strictly Typed Forms in Angular

Strictly Typed Forms in Angular provide a simple yet effective way to create type safe forms. Angular Forms prior to version 14 were given the type any. Which meant that the accessing properties which did not exist or assigning invalid value to a Form field, etc never resulted in a compile time error. The Strictly Typed forms now can track these errors at compile time and also has the benefit of auto completion, intellisense etc. In this guide we will explore the Typed Forms in Angular in detail.

Strictly Typed Forms in Angular Read More »

Standalone Components in Angular

Standalone components in Angular (SAC) are a new type of component that Angular released in Angular 14. These components do not require Angular Modules (NgModule) and they self-manage their dependencies. They are easier to build, can be lazy loaded via Angular router, easily tree-shakable, and reduce the final bundle size. Not only components, but we can also create standalone pipes and standalone directives. In this article, we will learn what are Standalone components, how to create them, and learn their benefits with examples.

Standalone Components in Angular Read More »

Migrate to Standalone Components in Angular

This guide shows you how to migrate existing project to standalone components in Angular. ng generate command helps us to Migrate an existing Angular Project to Standalone Components. It will also migrate the directives and pipes to Standalone API. The Angular CLI takes care of the majority of the migration work, but there might be a need for a few minor changes from your end. In this article we will discuss the steps involved in migrating to standalone components in Angular in detail.

Migrate to Standalone Components in Angular Read More »

How to use Standalone Components with Angular Router

In this step-by-step Angular Router Tutorial, we learn how to use Angular Router to navigate from one view to another view using standalone components. Angular introduced Standalone Component API in version 14. It became a stable API in the Angular 15. One of the biggest benefits of the Standalone Component is that it offers a better Lazy loading than the Module-based API. In this guide, we will show you how to set up and configure the Angular routes to Standalone Components. We will show you this by creating an an Angular Routing Example application with a Standalone Components and create a menu navigation system using the Angular Router.

How to use Standalone Components with Angular Router Read More »

Scroll to Top