Angular *ngSwitch Directive

In this article, we’ll see how can we use ngSwitch directive in angular application. ngSwitch is a structural directive that adds or removes templates when the next match expression matches the switch expression. Using ngSwitch ngSwitch is used to display one element from set of elements based on the condition. ngSwitch also contains related structural directive … Read moreAngular *ngSwitch Directive

Angular *ngFor directive example

In this article, we’ll see how to use angular’s ngFor directive. ngFor is angular’s builtin structural directive which renders a template for each item of the supplied array. Example Now let’s see how to use it. import { Component } from ‘@angular/core’;<br /> <br />@Component({<br /> selector: ‘app-demo’,<br /> template: `<br /> &lt;ul&gt;<br /> &lt;li … Read moreAngular *ngFor directive example

Angular web development tutorial

Angular Tutorials Angular Environment Setup Angular Components Example Angular Modules Angular ngFor directive Forms Getting Started with Angular Reactive Forms Angular Reactive Forms With Built In Validators Example Validators Custom Validators in Angular Match Password Validation in Angular Reactive Forms Pipe Angular Slice Pipe Example Angular Date Pipe Example Angular UpperCase and LowerCase Pipe Example … Read moreAngular web development tutorial

Angular 7 Components With An Example

While building any angular application, components is a core concept of building an angular application. We can define any angular application as a tree of components. A component is nothing but a simple typescript class which contains a properties and methods which are required to bind the data with UI or Html template. To create … Read moreAngular 7 Components With An Example

Angular Currency Pipe Example

In Angular, We have a few built-in pipes. In this blog post, we’ll learn about Currency Pipe in Angular. We’ll see an example of using Currency Pipe with different formats.In Angular, Pipe is something that takes in data as input and transforms it to the desired output. Currency Pipe It transforms a number to a currency string, formatted according to locale rules that determine … Read moreAngular Currency Pipe Example