Serving Industries Worldwide

Innovative Ways - Satisfied Clientele

An important guide on Angular Directives and their types

Table of Content 1. What are Angular Directives? 2. What are the types of Angular Directives? 2.1. Components 2.2. Attribute Directive 2.3. Structural Directive 3. Conclusion What are Angular Directives? Directives are instructions in the DOM that specify the way to place your components and business logic within Angular. These are basically custom HTML attributes that tell angular to alter the style or design or behavior of the DOM elements....

read more

Angular Login with Session Authentication

Table of Content 1. Introduction 1.1. Angular Routing module 1.2. Angular Auth Guard 1.3. Angular localStorage 2. Conclusion Introduction In this article, we'll look at how to handle the login process with Session Authentication. We'll verify if the user is logged in or not, and if he is not, then the route will simply be blocked. Let’s go through the following Angular principles for better understanding. Angular Routing...

read more

The comprehensive guide to Angular Performance Tuning

It's not uncommon to see Angular apps slow down over time. Angular is a performant platform, but if we don't know how to create performant Angular apps, our apps will become slower as they evolve. As a result, any serious Angular developer must be aware of what makes an Angular app slow in order to prevent it from being slow in the first place. Table of Content 1. Improving change detection 2. OnPush change detection 3. Design for immutability 4. Make onPush the...

read more

Accessibility with Angular

A wide range of individuals, including those with visual or motor impairments, use the computer. A variety of assistive devices are available to make communicating with web-based software applications much simpler for these communities. Furthermore, making an application more accessible increases the overall user experience for all apps. Table of Content 1. What is accessibility? 2. Accessibility attributes 3. Angular UI Component 4. Augmenting Native Elements 5....

read more

Adding Event Listeners outside of the NgZone

If we're familiar with the Angular framework, we'll know that by default, any asynchronous event triggers the change detection process. In certain situations, we don't even have to worry about it; it just works as expected. However, in some cases, running the change detection process too frequently can lead to poor runtime efficiency. Table of Content 1. Execution of code in the NgZone 2. Incorrect usage of the runOutsideAngular method 3. Execution of code outside of...

read more