Category Archives: Angular

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”

Passing Route Data as Component Input in Angular

Angular 16 is packed with many exciting features. You can read some of them here: Angular 16 Introduction What is the purpose of the Second Parameter in creating an Angular Signal? Required @Input properties in Angular In this blog post, we will learn about- Passing Route Data as Component Input, one of the features ofContinueContinue reading “Passing Route Data as Component Input in Angular”

Standalone Component – Recording of ng-India 2023 Talk

Every Angular developer must get familiar with Standalone API and should learn to build an Angular app without using any module. In India’s Largest Angular Conference, ng-India 2023, I delivered as talk on the same. watch the recording of the talk here. In the last do not forget to watch chatGPT demo. If you preferContinueContinue reading “Standalone Component – Recording of ng-India 2023 Talk”

Hello Angular 16

On 3rd May 2023, Angular 16 is launched.  Some of the essential features of Angular 16 are, Improved standalone APIs Angular Signals takeUntillDestrory RxJS operator DestroyRef as an injectable provider Required input properties for directives Passing router data as a component input Self-closing tags ES Build support Nondestructive hydration for SSR Unit Testing with JestContinueContinue reading “Hello Angular 16”

What is the purpose of the Second Parameter in creating an Angular Signal?

The angular signal() function creates a signal. This function takes two input parameters.   Initial value Optional Equality function. By default, Angular executes the code of effect() even if the signal is set or updated with the same value. How can we avoid that? By leveraging the second parameter of the signal() function. Let usContinueContinue reading “What is the purpose of the Second Parameter in creating an Angular Signal?”

How to check the status of an Angular Reactive Form’s Control

Sometimes, you may have a requirement to do something when the status of an Angular form control changes.  For example, you have a Login Form, and when the status of the Email control changes from valid to invalid and vice versa, you need to perform some actions. In this post, let us see how weContinueContinue reading “How to check the status of an Angular Reactive Form’s Control”

How to Lazy and Dynamically Load a Component in Angular

There are three ways you can use a component in an Angular app. Loading on route change Using as a child component Dynamically loading on demand However, this article focuses on loading a component dynamically and lazily. The main advantage of lazily loading a component is reducing the initial bundle size and only downloading theContinueContinue reading “How to Lazy and Dynamically Load a Component in Angular”