Part 15: Creating Note c.r.u.D. — Delete
Last updated
Last updated
The last of the crud, to create the Delete . Using the Angular CLI create the note-delete component.
Type:
Like always we will start at the NoteService, we will create a deleteNote(:id: number) method, and we will pass in the id of the note that we would like to get rid of. Based on our docks .
Let’s add the path to this while we are at it, in the app.modules.ts file
In our controller, there are going to be similarities between our note-details and note-update, and that’s getting the id from the params of the URL
In our constructor we will just copy and paste.
What will be new is how we delete the note. We are going to do it through a button click action, so we will need a onDelete() method that calls our deleteNote() service method.
Let’s present the data to our users, which looks just like our note-details component view, so another copy and paste job.
Step 4. Finishing the path in the NoteIndex
Next we will add the routerLink to the delete icon
