Learn free angular12 tutorials

Angular ngFor index - How to get current last even and odd index?

July 15, 2021 ·  2 min read

s Let’s create an employee model export class Employee { id: Number; name: string; salary: Number; } Angular ngFor Index syntax and example *ngFor is an short hand form for ngForOf directive This can be used to iterate an array of objects or objects. Here is an ngFor syntax This can be applied to any html element objectarray - array of object object - typescript object or model class there are different local variables we can use...

Angular Pipe Json examples | pretty format code

July 14, 2021 ·  4 min read

This is an short tutorial about angular pipe json examples How to print json object in Angular component Angular has inbuilt pipe called jsonPipe from @angular/common module. This will be useful to convert an typescript object into JSON format type. This will be useful to debug and manipulate object data. Here is syntax in html template {{object|json}} How do you print an object without json pipe in Angular? Let’s declare an Employee....

Angular 12 WYSIWYG HTML Rich Text Editor | Quill Editor

June 12, 2021 ·  4 min read

In this blog post, We are going to learn How to integrate ngx-quill in Angular 11/12 version. ngx-quill is a popular npm library provides rich WYSIWYG editor. What is WYSIWYG Editor? It is abbreviated as What You See Is What You Get. It is a UI component used to create/design documents online, you can see the output of the document online. This enables the developer to not write a code for layout and only focus on actual content....

Angular 12 material divider tutorial| mat-divider examples

June 11, 2021 ·  3 min read

Divider is UI elements to separate the UI components with thin line horizontally or vertically. These helps organize and grouping the elements in layouts of an page. Angular material provides divider components in a separate module MatDividerModule. if you are using angular 5 version, You have to MatListModule as divider is part of MatListModule. This application uses Angular 12 version, So MatDividerModule module needs to configure. First install angular material depedencies using below command....

You'll get a notification every time a post gets published here.