Angular
Fundamentals of Angular Directives - Structural Directives

NgFor Structural Directive Exericse

Mute
Current Time 0:00
/
Duration Time 0:00
Loaded: 0%
Progress: 0%
Stream TypeLIVE
Remaining Time -0:00
 
PRO

Exercise Goal

Use the NgFor structural directive to output a collection of films.

Tasks

  1. Open the app.component.html template file.
  2. Apply the NgFor structural directive to the <div> element on line 4 in order to iterate over the films property defined in the AppComponent class, declaring a film template variable that is the unique film value within each iteration.

Exercise

Exercise Problem

Notes

  • The AppComponent class contains the films property, which is an Array of Film objects.
  • You can also examine the Film interface and the films data that are in the data directory.
 

I finished! On to the next chapter