Angular Tutorial - 14 - ngFor Directive

📱 Follow Codevolution

Angular | Angular Tutorial for Beginners | ngFor Directive

[sapnamishra]

thank you so much for your videos ... I HAVE BEEN WATCHING EACH AND EVERY VIDEO OF ANGULAR 8 TUTORIAL SINCE THE TUTORIAL 1 AND THE WAY YOU HAVE EXPLAINED EACH AND EVERY CONCEPT IS JUST PERFECT ..THANK YOU SO MUCH ...YOUR EXPLANATION IS TO THE POINT AND JUST PERFECT...KEEP UP THE GOOD WORK

[mohdmuzaffarahmed]

Best tutorial of angular ...that what I saw till now

[md.mehedihasanshimul]

You are really awesome, the way you teach is perfectly understanable for any one..
please keep it up. 😊

[GreentechnologyInd]

Awesome tutorials bro, very neat, straight to the topic. Please add more videos..

[prasadkarunagoda]

@Codevolution, This series is greats! Thanks a lot. A minor thing I want to point out. We can do this without the <div> also. We can just have <h2 *ngFor="let color of colors">{{color}}</h2>

[zishanshaikh]

Its 1.55 AM now I am still going through your course .... Nice work

[y.hmusic]

Thanks for this playlist. It helps me a lot.

[jaiharshagottumukkala]

Superbbb tutorial brother ....keep uploading more videos ....

[manoelhenrique]

Thanks for your videos, it's helping me a lot 👍

[ايمانعبدالقادر-صخ]

:D

ngFor with style.color

↓
↓

html file:
<div *ngFor="let color of colors">
<h2 [style.color]="color">this is {{color}}</h2>
</div>

ts file:
public colors = ["orange", "red", "green", "blue"];

[MiguelRodriguez-ckbr]

Nice tut. But ngfor works with array of objects? How can I do it?

[khushi_jha]

Suppose I made a list using ngfor and I want to retrieve the data of the single element of the array on which I clicked with mouse on the browser then how do I get that single element value on click into the ts file?

[RameshPalusamy]

Nice tuts. Can you give me concept that how to generate csv files from Angular Datatables data?.

[rohitattaluri]

what is the use of "of" keyword at the right hand side of *ngFor ?

[bhenjylmaypa]

@codevolution what would be the practical use of first, last, odd and ect.?

[noumanmukhtar]

You are Amazing Man! Do you have knowledge about Laravel?

[diptiranjan]

i like your videos can you plz add some videos about component communication both nested component and two siblings component which is not nested ??

[TADDEXIO]

how if I want to click to that elements and assign them a function?

[vinayn]

can i give each element an ID? how would I implement mouseover event for each element, where response depends on the element. Anyone know how to do this?

[iliyasmsc]

Facing error.. Can not bind *ngforfor since it isnot a known property of div..
<div *ngFor=let color of colors>{{color}} </div>