You used ng generate to create a second HeroesComponent. You displayed the HeroesComponent by adding it to the AppComponent shell. You applied the UppercasePipe to format the name. You used two-way data binding with the ngModel directive. You learned about the AppModule. You imported the FormsModule in the AppModule so that Angular would recognize and apply the ngModel directive. You learned the importance of declaring components in the AppModule.

The Tour of Heroes application displays a list of heroes with a detail view. The user can select a hero and see that hero's details. You used *ngFor to display a list. You used *ngIf to conditionally include or exclude a block of HTML. You can toggle a CSS style class with a class binding.