How to implement registerOnTouched method in custom component?
Let us assume, we have a custom Angular component that acts as a form control and we want to subscribe…
How do I enable the use of Validators.required for a custom component?
Let us assume, we have a custom Angular component that acts as a form control and we want to enable…
What’s new in Angular v.17?
Last month marked the 13th anniversary of Angular’s red shield. AngularJS was the starting point for a new wave of…
How to use the CSS calc() function to optmise our stylesheet
The calc() function in CSS allows us to perform mathematical calculations directly in CSS expressions. It can be used to…
Configuring the router using standalone features
To configure the Router, we pass the with* feature provider factories to the provideRouter function. The first argument passed must be Routes while subsequent arguments are 0..n…
Lazy loading a standalone component using the Angular Router
To lazy load a component, let us add a loadComponent property to a Route object. The value is a function that returns a dynamic import statement…
How to bootstrapping Standalone Components in Angular
The standalone component approach differs from using the NgModule approach the moment we want to bootstrap. With NgModule, this is done via a bootstrapModule function…
How to integrate angular code coverage with Sonarqube
The Angular CLI can run unit tests and create code coverage reports. Code coverage reports show us any parts of…
How to customize logging in Javascript
If you have experience in creating a web application, you will likely be acquainted with console.log(…), a method used to…
Why and how to use the Inject Function in Angular 15
Since Angular 14/15, there has been an alternative way to inject dependencies into our Angular applications. Using inject, we can…