Tour of Heroes
experience with the typical development process, as well as an introduction to basic app design concepts, tools, and terminology.
for new to Angular https://angular.io/start
topics
- components
- template syntax
- routing
- services
- accessing data using http
CLI tool https://angular.io/cli
By the end of this tutorial you will be able 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
You’ll learn enough Angular to get started and gain confidence that Angular can do whatever you need it to do.
https://angular.io/guide/setup-local
https://angular.io/guide/glossary#workspace
https://angular.io/guide/glossary#project
The double curly braces are Angular’s interpolation binding syntax. This interpolation binding presents the component’s title property value inside the HTML header tag.