Generate unique id value for dynamically created form controls in angular

In this video we will discuss how to generate unique id value for the dynamically created form controls in Angular.

Healthy diet is very important for both body and mind. We want to inspire you to cook and eat healthy. If you like Aarvi Kitchen recipes, please support by sharing, subscribing and liking.
https://www.youtube.com/channel/UC7sEwIXM_YfAMyonQCrGfWA/?sub_confirmation=1

Text version of the video
https://csharp-video-tutorials.blogspot.com/2018/11/generate-unique-id-value-for.html

Slides
https://csharp-video-tutorials.blogspot.com/2018/11/generate-unique-id-value-for_5.html

Angular 6 Tutorial
https://www.youtube.com/playlist?list=PL6n9fhu94yhWNJaDgh0mfae_9xoQ4E_Zj

Angular 6 Tutorial Text Articles & Slides
http://csharp-video-tutorials.blogspot.com/2018/09/angular-6-tutorial-for-beginners.html

Angular, JavaScript, jQuery, Dot Net & SQL Playlists
https://www.youtube.com/user/kudvenkat/playlists?view=1&sort=dd


If you are wondering, why is there a need to generate unique id values

Well, first of all, IDs on an HTML page are meant to be unique. Having duplication IDs is a terrible idea. Although it may work in some cases, it is semantically incorrect to do so.

In our case the application behaves erratically, because of duplicate element IDs. When we click on a label, we expect it's corresponding input element to receive focus, but, in our case, a different element receives focus. To fix this we have to generate unique ID values for the input elements.