Exercise Goal

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


  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 Problem


  • 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