Learn free angular12 tutorials

Angular 15 How to load data before rendering the component?

May 1, 2023 ·  2 min read

This tutorial talks about how to load data before rendering a component This post includes load data from API before the component is rendered. There are multiple ways we can load API data before the component is rendered. One-way call API and promise in Constructor. Second way, use resolve data Finally, Activate Route In this post, We are going to discuss the first approach How to load API data before rendering the component Let’s create an angular service that pulls data from API or database....

Angular 15 WYSIWYG HTML Rich Text Editor | Quill Editor

May 1, 2023 ·  5 min read

Learn How to integrate ngx-quill in the Angular 15/12 version. ngx-quill is a popular npm library that provides a 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. It enables the developer to not write code for layout and only focus on actual content....

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

May 1, 2023 ·  2 min read

This tutorial explains how to get the current last even and odd index with ngfor in angular. Let’s create an employee model. export class Employee { id: Number; name: string; salary: Number; } Angular ngFor Index syntax and example *ngFor is a shorthand form for ngForOf directive This can be used to iterate an array of objects or objects. Here is a ngFor syntax <div *ngFor="let object of objectarray; let i=index;"> {{i}}/{{users....