AngularJS ng repeat directive

angularjs ng-repeat example
ng-repeat simple example
ng-repeat simple array
angularjs ng repeat nested array
angularjs ng repeat index example

In this video we will discuss
1. ng-repeat directive in Angular
2. Nesting ng-repeat with an example

Healthy diet is very important both for the body and mind. If you like Aarvi Kitchen recipes, please support by sharing, subscribing and liking our YouTube channel. Hope you can help.

ng-repeat is similar to foreach loop in C#.

Let us understand this with an example. Here is what we want to do.
1. For each employee we have in the employees array we want a table row. With in each cell of the table row we to display employee
Firstname
Lastname
Gender
Salary

This can be achieved very easily using ng-repeat directive.

Nested ng-repeat example : The model contains an array of countries, and each country has an array of cities. The view must display cities nested under their respective country.

Finding the index of an item in the collection :
To find the index of an item in the collection use $index property
To get the index of the parent element
Use $parent.$index or
Use ng-init="parentIndex = $index"

Link for all dot net and sql server video tutorial playlists

Link for slides, code samples and text version of the video

[MaheshwariEsakkiappan]

Sir, I have no words for how to thank you. You are really doing such a noble job. In this world where people are using their knowledge to convert that to a business, you are doing it here for free. I'm really thankful to you Sir.

[rishijain]

These video tutorials are a proof that good people still exist and that youtubers don't need to persuade people to like share subscribe.... If the content is satisfying...people do make some time to acknowledge the good work. Thankyou Sir

[rotrose]

do not know how much I should thank you. now the ng-repeat concept becomes not foggy any more, very clear. Thank you

[scriptodex]

Venkat, you are the king. Thank you for all videos.

[ievgengolskov]

best AngJS tutorials I ever met. thx from Ukraine

[randaelayan]

Very easy, useful, straight forward.
Many Thanks

[atharva_]

A good teacher is like a candle, it consumes itself to light the way for others... Thank you Sir...

[animeshpandey]

Searched everywhere and then arrived at these lectures..
Best lectures of AngularJS on the web.
Thanks a lot Sir for these videos

[manishmaurya]

Very helpful playlist,
Thank you so much for each video 😊

[kunadv]

Have gone through all your .net and c# videos, no one can explain it better, Thanks alot

[Hotshotter]

Quite good. I am relearning AngularJS so I can do some projects on it to impress future employers. This is going to be useful.

[kumar]

Angular JS is made simple. Am gonna watch most of your videos. thanks

[yqesthercui]

I think you are much better than my college professor... thank you so much you made concepts very clear and straight-forward and easy to remember

[hblrp]

I wait for each videos to be uploaded everyday. Helps a lot to learn. Been talking about this channel to lot of my friends. Even my colleagues(American's) at work see it helpful. Keep it up.

[akshatakhule]

very nice playlist for angular js.. thanks

[raqibul]

Excellent explanation with accurate examples....You made learning easy..!!

[jaykariesch]

This was exactly what I needed. You rock! Thank you, thank you, thank you!

[rukeshreddy]

Dear Venkat.. Iam really wondering how you make everyone to understand your tutorials in such a simple way. U R D best so far..
I am a non-technical candidate and you made me a technical guy. Thank u so much for videos. ThumbsUp

[surarchithmidhunakula]

The tutorial is really helpful. Thank you kudvenkat.

[zadserty]

you are the best bro
this is a very very good tutorial
thank you so much