Angular2

As you maybe know , Angular is released every 6 months … now, it’s Angular 15’s turn 👊 !! In this Article, we will see some of headline and new features, that i found greatest, presented by Angular 15. 1- Stable Standalone API’s Standalone component was introduced in Angular14, this feature allow us to…

This example will show how to use RxJS Subject in a simple Angular application — One of the great things about working with Angular is its component-based approach to building UI. This can be said about many frameworks and libraries that adopt a component-based approach. However, a component-based approach isn’t a free meal, and it comes with its share of complications. …

Interpolation is used for one-way data binding in Angular Framework. It embeds an expression into an HTML template. By default, the expression should be surrounded by {{ and }}. This expression is called a Template Expression. Syntax: {{expression}} An Angular evaluates an expression surrounded by {{ and }} and then…

Over the past years, Information Technology is improving Business rapidly. Meanwhile, software architectures become increasingly complex. Data is increasing exponentially. We want some smart ways to improve the performance, here chacing comes into play. Caching means storing the data and accessing it from the cache. Getting the data from persistent…

Introduction Have you encountered any situations where you have multiple forms in a similar manner? Angular included Build dynamic form section for us to tap into the concept of dynamic form to generate different versions of forms based on metadata that describes the business object model. …

Guards and resolvers can now be plain functions in Angular v14.2.0. The inject() function can be used inside the function if we also want to use DI. For example: You can read this article to find out how it works. Now that we can use plain JS functions, we…

Sometimes we have to perform a certain operation repeatedly over time, with a set period of time between runs. The most common examples are when we need to poll a server to determine whether the operation succeeded or auto-refresh a stale screen with new data. The implementation of this functionality…

Directives give superpowers to HTML elements. Create custom directives with HostBinding & HostListener — Directives are classes that add additional behavior to elements in your Angular applications. (Angular.io) Angular offers several built-in directives and surely you used @Component to create Angular components. Briefly speaking, Angular has 3 types of directives: Components Attribute directives — Change the style or behavior of an element, component, or…

As part of the new standalone feature, Angular v15 introduces a new method to use the Http client API that doesn’t require using HttpClientModule: As with the Router API, the new API exposes a provideHttpClient function that takes the features we want to use. Using interceptors is now made…