Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Angular 6 http.delete request not working

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);
}
like image 233
eixcs Avatar asked Sep 09 '18 12:09

eixcs


Video Answer


2 Answers

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");
    });
}
like image 90
Sajeetharan Avatar answered Oct 19 '22 15:10

Sajeetharan


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

  1. 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.
  2. Calling subscribe(...) triggers execution of the observable and causes HttpClient to compose and send the HTTP request to the server.
like image 26
Vishal SIngh Avatar answered Oct 19 '22 15:10

Vishal SIngh