Pipe vs Function in html view … We will start with example of cryptocurrency list in table view….price is coming in dollar (USD) so we will convert it to rupees INR. Created a table with Angular Material JSON of crypto currencies. In Price column two scenarios one with function and…

Angular boon us component factory for doing the same. Component Factory is base class for creating components dynamically. It have method resolveComponentFactory .And viewContainerRef for creating componentWe will use the viewContainerRef of base of the dynamic component.Which will create component using componentFactoryResolver.For …

Angular default Change Detection runs on every change it is also called as Check Always. So changing it for optimizing performance to OnPush (also called CheckOnce). In Default Strategy CD triggers at following times Input Event Browser Event SetTimeout SetInterval XHR Api request Promise For OnPush Main change only trigger…

For Communicating in Parent Component and Child Component. There are many ways to do so. Whenever We use any component as selector inside view of Another component it become child component. So most of time we need to provide some data to child component. Angular given us @Input() decorator in…

In An Angular app have lifecycle so its Unit also have. When component load its lifecyle start and lifecycle have hooks. Hooks are functions(events) triggered at various stage of Angular Change Detection. We can respond to lifecycle hooks ( events) by using interfaces as create, update and destroy. ngOnChanges …

A Rest api is accessible by any server path that communicates to the server from any client browser in case of angular. Angular provides us http service of Http module. Service have feature to request, error handling, interceptor, Rxjs observables and operators. We need to Inject http module in the main module. import { NgModule } from ‘@angular/core’; import { BrowserModule } from ‘@angular/platform-browser’;