How to use Interceptor in Angular

Interceptors are used to intercepts HTTP requests and responses from the application. You can handle them or transform them before passing it on. For example, you can use an interceptor to add authorization token before passing the HTTP request or cache the HTTP response. Some of the usages of interceptors are as follows, Caching of … Continue reading How to use Interceptor in Angular

Simplest way to share data between two unrelated Components in Angular

In Angular, it is essential to know how components communicate with each other. If you use a component inside another component, they create a parent child relationship.  In such a scenario, parent and child components communicate to each other in following ways: @Input() @Output() Temp Ref Variable ViewChild and ContentChild You can learn in detail … Continue reading Simplest way to share data between two unrelated Components in Angular

Simplifying Angular CLI for beginners

So you want to write your first Angular application, however setting up even a ‘Hello World’ Angular application is not easy. It requires many steps such as: Setting up a TypeScript compiler, if you choose to use TypeScript Configuration of Webpack or other module loader Setting up local web development server Installing and configuring dependencies … Continue reading Simplifying Angular CLI for beginners

Video – Step by Step Component Communications in Angular

In Angular, components communicate to each other to share data such as object, string, number, array or html. Parent and Child Components can communicate to each other in following ways Parent and Child Components can communicate to each other in following ways @Input() @Output() Temp Ref Variable ViewChild and ContentChild   You can learn about … Continue reading Video – Step by Step Component Communications in Angular

Free Download – Angular Essentials E-Book to help you getting started

Are you new to Angular and just starting with it? Well, I have written a small eBook for you, which you may find useful. You can download it free from here This book does not contain everything of Angular. It just contains topic you need to get started with Angular. In these 10 pages E-Book, … Continue reading Free Download – Angular Essentials E-Book to help you getting started

Content Projection in Angular Element with Slot in Angular 7.0

In this article, we will learn how to project content in an Angular Element. If you are unfamiliar with the following, Shadow Dom ViewEncapsulation Content Projection I recommend you read the articles below before moving forward: Understanding ViewEncapsulation in Angular Simplifying Content Projection in Angular   As of now, you know that we use ng-content to carry … Continue reading Content Projection in Angular Element with Slot in Angular 7.0

Angular Components: Pass by Reference or Pass by Value?

Read full article on the Infragistics blog In Angular, you can pass data from parent component to child component using @Input() decorator, and a child component can emit an event to a parent comment using @Output() decorator. The purpose of this blog post is to explain you whether it is pass by reference or pass … Continue reading Angular Components: Pass by Reference or Pass by Value?

Simplifying Different Types of Providers in Angular

An Angular Service provider delivers a runtime version of a dependency value. Therefore, when you inject a service, the Angular injector looks at the providers to create the instance of the service. It is the provider that determines which instance or value should be injected at the runtime in component, pipes, or directives. There are … Continue reading Simplifying Different Types of Providers in Angular