ngHeroes
  • πŸ‘€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 1: Generating a new project
  • Appendix 2: Tutorial Extensions
Powered by GitBook
On this page

Was this helpful?

#21: πŸ’ͺ Enrich the todo-item component

So... We're still working on this one, but the purpose here is to be able to edit your todo item and use the input-button-unit component for this. You can either add an edit button or just let the user click or double click on the item's title. Then the simple item can be replaced (with *ngIf) with the reusable component. You should pass the title as an input and catch the submit event to update the title.

Previous#20: πŸ›° Deploy to GitHub PagesNextAppendix 1: Generating a new project

Last updated 6 years ago

Was this helpful?