In this chapter, we will develop a basic Angular app for a flashcard game. We will also introduce some of the built-in attributes and structural directives in the Angular framework and create a basic template-driven form so that we can add/edit the flashcards. We will be introduced to observables and learn how to use the async pipe to get observable data on the page. We will also create a basic FlashService to perform all the operations related to adding, editing, and deleting flashcards.

The following topics will be covered in this chapter:

• Creating a new Angular project and a component
• Introducing template-driven forms
• Introducing services
• Introducing observables