Todo List Tutorial

stackblitz

stackblitz

👀About
#0: 💃 Introduction
#1: ⌛ Installations
#2: 🅰 Angular kicks in
#3: 📐 Component
#4: ✏ A new component
#5: 💼 Class
#6: 📥 Property binding
#7: 📤 Event binding
#8: 📎 Element ref - #
#9: 📋 The To Do list
#10: ➕ New component: todo-item
#11: ⛓ Interface
#12: 📌 Add items
#13: 🚧 Refactor App Component
#14: 💅 Adding Style
#15: 🔋 Creating a Service
#16: 🎁 Add Items Using the Service
#17: 💾 Local storage
#18: 🗑 Remove item
#19: 🔘 Adding a checkbox
#20: 🛰Deploy to GitHub Pages
#21: 💪 Enrich the todo-item component
Appendix 2: Tutorial Extensions
Appendix 3: StackBlitz links

Powered by GitBook

On this page

Create the service
Make the service a provider
Move the todo list from component to service
Create a method to return the list
Inject and use the service

#15: 🔋 Creating a Service

Previous#14: 💅 Adding Style Next#16: 🎁 Add Items Using the Service

Last updated 6 years ago