In this sprint, you'll review and practice CRUD actions with Angular.
As you've seen, the data from the database includes songs. Now it's time to add the ability to CREATE, READ, UPDATE, and DELETE songs through the user interface.
Remember to follow the branching instructions to get started.
- Update your album show page to include UI elements for users to create, edit, and delete songs:
-
Submitting the "+ Add Song" form should add a new song to the UI and the database.
-
Clicking the delete button near each song should remove that song from the UI and from the database.
-
Clicking the pencil icon near each song should allow editing that song. Create an inline edit form by changing the text on the page into an input field, removing the edit and delete buttons, and adding a green save button, like this:
- Make it happen!
-
Right after you create your 'my-work-sprint-5' branch, run the solutions for sprint 4 and examine the (sprint 4 solution) starter code.
-
Plan or pseudocode what you need to do before adding code.
-
Reference Sprints 1-4.
-
Make at least one commit for each feature you add from the list of tasks.
-
Since there is no new view, you will not need to add a new client-side route or controller. You can add your new logic to the controller in charge of the view you're modifying.