Angular's New @for Block Features

The @for block, part of Angular's new control flow syntax, is great for repeating HTML elements in our templates. And it provides useful features such as an @empty block, odd and even row indication, and easier change tracking.

In this video, we walk through five fun features of the @for block.

Links
Code: https://stackblitz.com/~/edit/fun-for...

YouTube video: "Angular's New Template Syntax: Control Flow": Angular's New Template Syntax: Contro...

YouTube video: "Automatically Migrate to Angular's New Control Flow Template Syntax": Automatically Migrate to Angular's Ne...

Content
00:00 @for block
00:46 @empty block
01:25 $index
02:14 $first, $last, $odd, $even
04:03 $count
04:57 track
00:00 Wrap up

▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
😊About Me
Hey! I'm Deborah Kurata
I'm a software developer and YouTube content creator.  I speak at conferences such as VSLive and ng-conf. I write articles for freeCodeCamp. And I'm a Pluralsight author with courses in the top 10 most popular (out of 7,000+) for over 5 years. For my work in support of software developers, I've been recognized with the Microsoft Most Valuable Professional (MVP) award, and I'm a Google Developer Expert (GDE).

View my YouTube content: @deborah_kurata
Contact me on Twitter: Twitter: DeborahKurata
Find my Pluralsight courses: https://www.pluralsight.com/profile/a...
Access my freeCodeCamp articles: https://www.freecodecamp.org/news/aut...

▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
#angular
#angulartutorials
#angulartutorial
#angulardevelopers
#angularbestpractices
#angular17newfeatures
#angular17newfeature
#angular17features
#@for
#@forinangular
#@forinangular17
#angularnewfeatures
#featuresinangular17
#angular@forloop
#angular@for
#angularlatestfeatures
#whatis@forinangular
#angularfeaturesandupdates
#angular17featuresandupdates
#angular@forcontrolflow
#angular@forsyntax
#angular17featureswithexample
#@forinangular17withexample
#angularbestpractices

• #science_technology
• #angular
• #angular_tutorials
• #angular_tutorial
• #angular_developers
• #angular_17_new_features
• #angular_17_new_feature
• #angular_17_features
• #for
• #for_in_angular
• #for_in_angular_17
• #angular_new_features
• #features_in_angular_17
• #angular_for_loop
• #angular_for
• #angular_latest_features
• #what_is_for_in_angular
• #angular_17_features_and_updates
• #angular_for_control_flow
• #angular_for_syntax
• #angular_17_features_with_example
• #for_in_angular_17_with_example
• #angular_best_practices