Yes ,,, In 14 version angular given option to work as standalone now no need to use module…its really new journey and game changer for angular roadmap. So for converting existing component you need to put standalone true. @Component({ standalone:true, selector: ‘app-coins’, imports:[CommonModule], providers:[], templateUrl: ‘./coins.component.html’, styleUrls: [‘./coins.component.scss’] }) It will work without part of any module,

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…

The error no initializer and is not definitely assigned in the constructor comes due typescript version in latest angular version 13 onward. strict type checking is enabled by default. Either we need always provide type and value, strictPropertyInitialization: false inside tsconfig.json. postfix ! to the variable name. name!: string

Authentication failed for user ubuntu@{serve ip aws or other}. in RubyOnRails ROR deployment by cap production deploy … If you facing this error while deployment Steps to solve : 1 Check ssh to server ( ssh user@ip } 2 Check the you public key added in server ssh authorized keys 3. then If login is working ssh then do ,, ssh-add solved my problem

What is interpolation in angular ? Templates always need text or string to be dynamic at runtime. So angular given us Interpolation technique to title, username, error messages etc We put inside {{text }} double curly braces Class file userName = “Anil” Template Welcome, {{userName}} Some time we need maths expression Conditions Real Count Wins {{ total + 56 == 200 ? “Winner”: “Loser”}} Can’t use javascript expression

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 …