how can I call a delete method properly?

Question

It's actually the first time that I'm trying to call a delete method angular. my code in my dataService is:

deleteMeaningItem(data): Observable<Result> {
    return this.http.delete<Result>(url, data);
  }

and in component:

 this.dataService.deleteMeaningItem({id: id}).subscribe(res => {
 if (res.status) {
    //do something          
  }
  });

but I'm getting 415 Unsupported Media Type error! I've also tried to send Content-Type in my request header like:

deleteMeaningItem(data): Observable<Result> {
     return this.http.delete<Result>(global.dataUrl + '/MeaningItems/Delete', { params: data,
     headers: {'Content-Type': 'application/json'}});
}

but then then I'm getting 400 Bad Request error! I need your help.

score 1 · Answer 1 · answered Sep 30 '20 at 06:44

1

I guess the problem is might be in the data object. I will first check the docs of the API because it looks like you are missing also Autorization header that is usually needed for methods like delete

answered Sep 30 '20 at 06:44

Dariusz Basiak

31
2

I've already provided Authorization header in all my requests and that is not the problem. – Qiimiia Sep 30 '20 at 07:02

score 1 · Accepted Answer · answered Sep 30 '20 at 06:59

1

all I had to do was to provide body in the request option. so I did this:

deleteMeaningItem(meaningId): Observable<Result> {
    const options = {
      headers: new HttpHeaders({
        'Content-Type': 'application/json',
      }),
      body: meaningId,
    };
    return this.http.delete<Result>(global.dataUrl + '/MeaningItems/Delete', options);
  }

answered Sep 30 '20 at 06:59

Qiimiia

510
6
16

1

Also there is another answer [here](https://stackoverflow.com/a/47743638/1474613) – Ramin Bateni Oct 03 '20 at 12:32

score -1 · Answer 3 · answered Sep 30 '20 at 06:25

Maybe it's easier using RXJS.

First define the delete function @ Service

delete(id: string): Observable<Result> {
 return this.httpClient.delete<Result>(`${global.dataUrl}/MeaningItems/${id}`);
}

Then try to call it like this:

this.service.delete(id).pipe(
  tap(r => console.log('success', r)),
  catchError(e => {
    console.error('error', e);
    return throwError(e);
  })
).subscribe();

how can I call a delete method properly?

3 Answers3