# Part 15: Creating Note c.r.u.D. — Delete

The last of the crud, to create the Delete [action](https://media.giphy.com/media/26xBIUj4Y6K2LcIz6/source.gif). Using the Angular CLI create the note-delete component.

Type:

```
ng g c components/note/note-delete --no-spec
```

## Step 1. Note Service

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 [here](http://kcpelevennoteapie.azurewebsites.net/swagger/ui/index#!/Notes/Notes_Delete).

![Logo Title Text 1](/files/-LAU8qu9tX1z3sjEhhjw)

Let’s add the path to this while we are at it, in the **app.modules.ts** file

![Logo Title Text 1](/files/-LAU8qugckY321uajzhE)

## Step 2. Setting up the form in the Note Delete Controller

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.

![Logo Title Text 1](/files/-LAU8qvhbJgy_SHNorcV)

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.

![Logo Title Text 1](/files/-LAU8qwQC5ILw4jbIsFE)

## Step 3. Creating the HTML for the Note Create

Let’s present the data to our users, which looks just like our **note-details** component view, so another copy and paste job.

![Logo Title Text 1](/files/-LAU8qxISqgGK6Qs_y8A)

Step 4. Finishing the path in the NoteIndex

Next we will add the **routerLink** to the **delete icon**

![Logo Title Text 1](/files/-LAU8qyDXfqnOt0Flqll)


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://eleven-fifty-academy.gitbook.io/dotnet-301-elevennoteangular/creating-note-c.r.u.d.-delete.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.