What Is the Difference Between [ngFor] and [ngForOf] in Angular 2?

Angular 2 - ngFor vs. ngForOf

1. The [ngFor] is not a type safe

2. The [NgForOf] is a type Safe

3. The [NgFor] directive instantiates a template once per item from iterate

4. The [ngFor] and [ngForOf] are actually the selectors of the [NgForOf] directive and it is not two distinct things

5. The [ngFor] will be works like as collections

6. The [ngForOf] will be works like as generics

Stayed Informed - Angular 2 Q/A

Example - ngFor

<div *ngFor="let user of users" let i=index;>{{i}} - {{user.name}}</div>

OR

<template>
     <div [ngFor]="let user of users" let i=index;>{{i}} - {{user.name}}</div>
</template>

Example - ngForOf

<div ngFor let-user="$implicit" [ngForOf]="users" let-i="index">{{i}} - {{user.name}} </div>

Introduction of Angular 2	Setup Angular 2 in .NET MVC	Advantages of Angular 2
The Major Changes of Angular 2	Component Lifecycle Hooks	Support of Modern Browsers
Angular 2 Vs. Angular 1	Angular 4 Vs. Angular 2	Constructors Vs. OnInit
Use of ngInit and ngOnInit	ngOnInit() Vs. Constructors	HTTP Cookies
Dependency Injection (DI)	Inject() Vs. Injectable()	Features and Benefits
Bindings in Angular 2	Initialize an Array in Angular 2

I hope you are enjoying with this post! Please share with you friends. Thank you!!

Pin it

Anil Singh is an author, tech blogger, and software programmer. Book writing, tech blogging is something do extra and Anil love doing it. For more detail, kindly refer to this link..

My Tech Blog - https://www.code-sample.com/
My Books - Book 1 and Book 2