If you’re familiar with Angular, this project is the result of one of the most famous tutorials. To finish this project, had to do the following:

  • Use built-in Angular directives to show and hide elements and display lists of hero data.
  • Create Angular components to display hero details and show an array of heroes.
  • Use one-way data binding for read-only data.
  • Add editable fields to update a model with two-way data binding.
  • Bind component methods to user events, like keystrokes and clicks.
  • Enable users to select a hero from a master list and edit that hero in the details view.
  • Format data with pipes.
  • Create a shared service to assemble the heroes.
  • Use routing to navigate among different views and their components.

See it in GitHub.

Angular Tour of Heroes 1
Angular Tour of Heroes 2
Angular Tour of Heroes 3
Angular Tour of Heroes 4
Angular Tour of Heroes 5
Angular Tour of Heroes 6
Angular Tour of Heroes 7
Angular Tour of Heroes 8
Angular Tour of Heroes 9
Privacy Settings
We use cookies to enhance your experience while using our website. If you are using our Services via a browser you can restrict, block or remove cookies through your web browser settings. We also use content and scripts from third parties that may use tracking technologies. You can selectively provide your consent below to allow such third party embeds. For complete information about the cookies we use, data we collect and how we process them, please check our Privacy Policy
Youtube
Consent to display content from - Youtube
Vimeo
Consent to display content from - Vimeo
Google Maps
Consent to display content from - Google