Angular 6 http.delete request not working

Question

I cant seem to get my delete request to work. I have finished all of the get requests but now I'm stuck on delete and can't seem to wrap my head around it.

The console.log'd URL is always correct and the delete request works fine via Postman.

Got any ideas?

HTML

<button class="button button3" (click)="delTicket()"><span class="fa fa-trash"></span></button>

TS

delTicket(){
    this.id = this.route.snapshot.params.id;
    this.ticketService.deleteTicket(this.id);
}

Service

deleteTicket(id): Observable<Ticket[]>{
    console.log(this.apiUrl + id);
    return this.http.delete<Ticket[]>(this.apiUrl + id);
}

what abt network tab in dev tool? are u able to del it after the API ia called and page is refreshed? ? — Shashank Vivek
– Shashank Vivek, Commented Sep 9, 2018 at 12:46

Sajeetharan · Accepted Answer · 2018-09-09 12:46:29Z

21

You need to call subscribe() inside your component, otherwise request wont get invoked

delTicket(){
    this.id = this.route.snapshot.params.id;
    this.ticketService.deleteTicket(this.id).subscribe((data)=>{
         console.log("success");
    });
}

answered Sep 9, 2018 at 12:46

Sajeetharan

223k65 gold badges370 silver badges409 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

eixcs Over a year ago

In 3 minutes :D

Vishal SIngh · Accepted Answer · 2019-04-08 15:35:00Z

5

You must call subscribe() or nothing happens. Just calling ticketService.deleteTicket(this.id) does not initiate the DELETE request.

An HttpClient method does not begin its HTTP request until you call subscribe() on the observable returned by that method. This is true for all HttpClient methods.
Calling subscribe(...) triggers execution of the observable and causes HttpClient to compose and send the HTTP request to the server.

answered Apr 8, 2019 at 15:35

Vishal SIngh

691 silver badge4 bronze badges

2 Comments

eixcs Over a year ago

Dude this was september 2018 :D

nishchalpro Over a year ago

@HeikoPiirme Doesn't matter . addtional explaination is always good :)

Collectives™ on Stack Overflow

Angular 6 http.delete request not working

2 Answers 2

1 Comment

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related